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Abstract 


Ce support de cours n'est en aucun cas complet sans une introduction théorique propre et 
rigoureuse aux technologies numériques du graphiste, à l'ergonomie de travail et à la théorie 
de la couleur (colorimétrie). 


J'a1 décidé de créer ce document à cause du ras-le-bol des sites Internet qui proposent des 
bons (voir d'excellents) tutoriaux statiques ou vidéos mais qui: 


1. Disparaissent après un an ou deux (voir un peu plus ou un peu moins) 
2. Proposent des tutoriaux sous un format non adapté tel que sont les pages web 
3. Proposent des tutoriaux pas assez détaillés 


Les exercices proposés ci-dessous sont sous leur forme élémentaire! Il est du rôle du 
formateur d'informer le participant des possibilités supplémentaires et des méthodes de travail 
professionnelles et rigoureuses relatives à chaque exercice et au participant de compléter ce 
support avec des notes personnelles en quantité (car 1l n'y de loin pas toutes les subtilités qui 
ont été rédigées ici). 


Remarques: 


R1. Ce cours s'inspire très fortement de nombreux tutoriaux qui sont disponibles sur l'Internet 
et dans des Magazines spécialisés et nous remercions tous les anonymes qui ont mis leurs 
travaux à disposition. 


R2. Si une personne reconnaît ici un de ses tutoriaux, c'est avec honneur et plaisir que nous 
indiquerons son nom prénom au début de l'énoncé de l'exercice. 


R3. Si quelqu'un souhaite proposer un exercice, un lien ou une référence, qu'il n'hésite pas à 
me contacter par l'intermédiaire du site Internet Sciences.ch (tant que l'exercice en question ne 
dépasse les 10 pages à lui tout seul...) 


Il y a de nombreuses marques déposées qui sont nommées dans le présent support. Plutôt que 
d'utiliser le symbole du trademark sur chaque occurrence de marque nommée, j'ai choisi 
d'utiliser le nom seul uniquement dans un souci d'esthétique éditoriale (ce qui devrait aussi 
bénéficier au propriétaire de la marque), sans aucune intention de violer une quelconque 
réglementation ou législation. 


Malheureusement à cause de l'héritage intellectuel de nos ancêtres (qui ont eu l'excellente idée 
de créer le concept de "droit d'auteur".….), le matériel photo du présent document est soumis au 
copyright. Il m'est alors impossible de vous communiquer par e-mail les fichiers 
sources/images des exercices (cependant trouver des photos similaires avec Googles Images 
est un exercice très simple). 


Pour terminer, je souhaiterais remercier ici les quelques collègues et clients qui ont bien voulu 
me faire part de leurs remarques pour améliorer le contenu de ce livre électronique. Il est 
cependant certain qu'il est encore perfectible sur de (très) nombreux points. 


Si vous souhaitez être informé des nouvelles versions majeures de ce document n'hésitez pas 
à m'écrire un mail dans ce sens: isoz@sciences.ch 
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Liens utiles 


Photoshop 

http://www.google.com (la meilleure source d'information sur Photoshop à ce jour...) 
http://www.adobe.com 

http://www.youtube.com 

http://photoshopdisasters.blogspot.com 
http://www.advancedphotoshop.fr (le site du magazine du même nom!) 
http://www.photoshopbrushes.com 

http://www.video2brain.com 

http://www.lynda.com 

http://www.tutsps.com 

http://www.scribd.com 

Bases de données images 

http://www.istockphoto.com 


http://www.deviantart.com 
(très utile lorsqu'on tape dans le moteur de recherche "photoshop brushes") 


http://www.alamy.com 
http://www.freeimages.com 
Divers 


http://monmacon.tumblr.com/ 
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Formations Video2Brain (fortement) recommandées 


Découverte du 


Matte Painting 


avec Photoshop 


L 


Le détourage 
de cheveux 
avec Photoshop CC 


L 


Atelier pratique 
avec Photoshop 


Le texte 


Adobe Photoshop 


Ateliers avec Photoshop : 
Changer la lumière 
du jour 


Atelier créatif 
avec Photoshop : 


Le Dark Art 


eee ce nmee 100 0 men 


vw IS 
Atelier créatif 
avec Photoshop : 


Les icônes 


Ateliers avec Photoshop : 


Créer des ombres 


w 


Atelier pratique 
avec Photoshop 
Les pinceaux 


Atelier créatif 
avec Photoshop : 


Le jour et la nuit 


Sciences.ch 
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w 


Photoshop : 
Atténuation des défauts 
du visage et de la chevelure 


La 3D 


avec Photoshop CC 


Photoshop 
pour les architectes : 
Habillage d'un plan 


Adobe Photoshop 


Atelier pratique 
avec Photoshop : 
Les perspectives 


Le design web 
avec Photoshop 


mes mens que ce tmmntens 0e 0 cmt 


Atelier pratique 
avec Photoshop : 
La correction de couleurs 


Photoshop : 
Intervention 
sur la silhouette 


Équilibrage de l'image 
et réglages techniques 


Des ne ve 1e tmmetens 200 des 


Photoshop CS6 
pour les photographes 
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D. 220 en A 
Techniques Retouche beauté : Retouche beauté : 

avec Photoshop : Le filtre Fluidité Corrections de la peau 
Le noir et le blanc dans Photoshop dans Photoshop 


w 


= lumière donc Restauration de Astuces pour photographes 


vieilles photos avec Lightroom 
Photoshop css avec Photoshop et Photoshop 
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Votre avis nous intéresse! 


En tant que lecteur de ce document, vous êtes le critique et le commentateur le plus important. 
Votre opinion compte et 1l est très intéressant de savoir ce qui est bien, ce qui peut être mieux 
et les sujets que vous souhaiteriez voir être traités. 


Vous pouvez m'envoyer un e-mail pour partager ce que vous avez aimé ou détesté dans le 
présent document afin d'en assurer une amélioration continue. 


Notez que malheureusement je ne peux pas répondre gratuitement à des questions techniques 
d'ingénierie ou de problématique d'entreprise par e-mail pour des raisons professionnelles 
évidentes. 


E-mail: isoz@sciences.ch 
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Types d'images 


GIE. ? Which ? 


PNGGraphics, - 
? File Format 


Lorsque l'on travaille avec Photoshop on reçoit/achète des images de qualité variable dans 
différents formats. Pendant le travail de correction de l'image est il est assez évident qu'il faut 
au préalable enregistrer l'image d'origine (ou la composition) au format *.PSD (ou *.PSB pour 
les gros fichiers) en faisant un Fichier/Enregistrer Sous... 


Enregistrer dans : 98) Ordinateur 


| Disques durs (1) 

Sd OS {C) 

Emplacements 
récents 


96,0 Go libres sur 283 Go 


æ Périphériques utilisant des supports de stockage amovibles (1) 


e à 
Bureau = Lecteur DVD RW (D:) 


Bibliothèques 


LU 


Ordinateur 


Nom du fichier : Sans titre-1.ipg 
a Format : P ) 


Ph 
Options d'enregistrement BMP (.BMP:*RLE *.DI 
Enregistrer : 


_| Photoshop EPS (* EPS] 
-{L Photoshop DCS 1.0 (* EPS) 
Ch Photoshop DCS 2.0 (* EPS] 
=£ Fichier PICT (PCT  PICT) 
: . Format de document volumineux (* PSB] 
CauRLr : FT JPEG (-JPG.JPEG:"JPE) 
[| PI PCX ('PCX] 
Photoshop PDF (* PDF * PDP] 
; Photoshop Brut (°Réw] 
Aperçu Pixar (*.PXR] 
_ PNG (PNG) 
Scitex CT (* SCT] 
Targa (TG *VDA*ICBVST] 
TIFF (TIR TIFF] 


e Le Photoshop Document généralement abrégé PSD c'est le format de travail de 
référence de Photoshop car il permet de conserver les calques, les couches de 
transparence... Mais le format TIFF permet la même chose tout en étant un standard 
plus ancien et donc plus universel. 
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Le format Photoshop Big (photoshop binary) généralement abrégé PSB prend en 
charge les documents d'une taille maximale de 300'000 pixels dans chaque dimension 
(le format psd régulier est de 30'000 pixels). Il est compatible avec toutes les 
fonctionnalités de Photoshop, telles que les calques, les effets et les filtres. (Certains 
filtres externes ne sont pas disponibles si les documents dépassent 30 000 pixels en 
largeur ou en hauteur). 


Et une fois les montages/corrections effectuées, enregistrer le tout (en faisant encore 
une fois un Enregistrer sous) dans un format de sortie du type (les plus courants et en 
faisant vite fait mal fait car 1l existe une technique plus élaborée): 


Le format Camera Raw contient des données minimalement transformés à partir du 
capteur d'image d'un appareil photo numérique ou scanner. Les fichiers Raw sont 
appelés ainsi parce qu'ils ne sont pas encore traités et ne sont donc pas prêts à être 
imprimés ou édités avec un éditeur de graphiques bitmap. Normalement, l'image est 
traitée par un convertisseur de cru dans un espace colorimétrique large gamme interne 
où des ajustements précis peuvent être effectués avant la conversion à un format de 
fichier «positif» tel que TIFF ou JPEG pour le stockage, l'impression ou d'autres 
manipulations, qui code souvent le image dans un espace de couleur dépendant du 
périphérique. 


Il y a des dizaines sinon des centaines de formats bruts utilisés par les différents 
modèles de matériel numérique (comme des caméras ou des scanners de film). De 
nombreux formats de fichiers bruts, y compris IIQ (Phase One), 3FR (Hasselblad), 
DCR, K25, KDC (Kodak), CR2 (Canon), ERF (Epson), MEF (Mamiya), MOS 
(feuille), NEF (Nikon) , ORF (Olympus), PEF (Pentax), RW2 (Panasonic) et ARW, 
SRF, SR2 (Sony), sont basés sur le format de fichier TIFF. Ces fichiers peuvent 
s'écarter de la norme TIFF dans un certain nombre de façons, y compris l'utilisation 
d'un en-tête de fichier non standard, l'inclusion de mots-clés image supplémentaires et 
le cryptage d'une partie des données étiquetées. 


Le Tag(ged) Image File Format généralement abrégé TIFF est un format de fichier 
pour image numérique compressé ou non. Adobe en est le dépositaire et le propriétaire 
initial (via Aldus). Il supporte de nombreux espaces colorimétriques: noir et blanc, 
monochrome, palette de couleurs (de toute taille), RVB, YCbCr, CMIN, CIELab. Le 
principe du format TIF consiste à définir des balises (en anglais tags, d'où le nom 
Tagged Image File Format) décrivant les caractéristiques de l'image. 


Windows Metafile (WMF) est un format d'image numérique sur les systèmes 
Microsoft Windows, conçu au début des années 1990 et de moins en moins utilisé 
depuis l'avènement d'Internet et de l'utilisation massive d'autres formats comparables 
comme GIF, JPEG, et PNG. C'est un format bitmap supportant le dessin vectoriel, 
mais qui permet aussi l'inclusion d'images matricielles. WMEF est un format 16-bit, 
introduit avec Microsoft Windows 3.0. 


Ce format ne peut pas toujours être dissocié dans Microsoft Word. Il faut parfois 
passer par Illustrator. 


Enhanced Metafile (EMF) est un format d'image numérique pour les systèmes 
Microsoft Windows et de certains pilotes d'impression. Il s'agit d'une amélioration du 
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type de fichier image de type WMF (Windows Metafile) avec des données codées sur 
32 bits et une meilleure qualité. 


e Graphics Interchange Format (GIF) est un format d'image numérique bitmap 
supportant la transparence et l'entrelacement. Ce format utilise l'algorithme de 
compression sans perte LZW, nettement plus efficace que l'algorithme RLE utilisé par 
la plupart des formats alors disponibles (PCX, ILBM puis BMP). Nombre de couleurs 
limitées à 256. Ce format gère aussi les animation. 


e Le Portable Network Graphics (PNG) est un format ouvert d'images numériques, 
qui a été créé pour remplacer le format GIF, à l'époque propriétaire et dont la 
compression était soumise à un brevet. Le PNG est un format non destructeur 
spécialement adapté pour publier des images simples comprenant des aplats de 


couleurs. Nombre de couleurs limitées à 65536. 


e  Bitmap (BMP), st un format d'image matricielle ouvert développé par Microsoft et 
IBM. C'est un des formats d'images les plus simples à développer et à utiliser pour 
programmer. Il est lisible par quasiment tous les visualiseurs et éditeurs d'images. Il 
est rarement compressé (avec RLE) et support de 0 à 16.8 millions de couleurs. 


e Le format Encapsulated PostScript (EPS) est un format créé par Adobe Systems en 
langage PostScript qui permet de décrire des images qui peuvent être constituées 
d'objets vectoriels et/ou bitmap. 


e Microsoft a défini une representation particulière de couleurs de fichiers bitmap avec 
une profondeur différente du standard (pour changer...) qui avait pour but de facilier 
l'échange entre systèmes d'exploitations différents (qui ont un système de lecture de 
fichiers différent). Ils ont nommé ce format le device-independent bitmaps ou DIB. 
A la base (en C++) il s'agit d'images bitmap dont le fond uni se retrouve remplacé par 
du transparent dans les logiciels lorsqu'un thème de couleur Microsoft Windows est 
changé. 


e JPEG (Joint Photographic Experts Group). C'est un comité d'experts qui édite des 
normes de compression pour l'image fixe. La norme communément appelée JPEG, de 
son vrai nom ISO/IEC IS 10918-1ITU-T Recommandation T.81, est le résultat de 
l'évolution des travaux qui ont débuté dans les années 1978 à 1980 avec les premiers 
essais en laboratoire de compression d'images. Permet 24 bits couleurs (16 millions). 
Utilise une forme familière de la transformée de Fourier et de l'algèbre linéaire. 


Il existe plusieurs variantes de JPEG: le JPEG classique, le JPEG 2000, le JPEG HDR 
pour ne citer que les plus connus. 


e XCEF (pour eXperimental Computing Facility) est un format d'image libre utilisé 
notamment par le logiciel GIMP. La sauvegarde des données de l'image se fait via 
l'algorithme RLE (ou gzip ou bzip2). Le format xcf assure la compatibilité 
descendante (toutes les versions de Gimp peuvent ouvrir des fichiers xcf produits par 
les versions antérieures) et partiellement la compatibilité ascendante : par exemple, 
Gimp 2.0 peut sauvegarder des calques de texte alors que la version 1.2 ne le pouvait 
pas et ouvrira les calques de texte comme des calques normaux. Depuis Gimp 2.7, le 
logiciel permet des groupes de calques, de sorte que les fichiers qui en contiennent ne 
peuvent pas être ouverts par Gimp 2.6. 
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Pour résumer un peu les plus connus: 


IMAGE FORMAT 
COMPARRISON CHART 


COOIS 


osooobose 
660200026000 


200060060060 


(x) 
© 
(x) 
@ 
@ 
Q 
@ 
@ 
Q 
@ 
(x 
© 


eoI0e 
CICIOCION OC 
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Tablette 


Précisons que pour certains travaux dans Photoshop une tablette est très utile! J'estime le gain 
de temps pour l'usage typique dans l'industrie (pas celle de la B.D.ou du Cinéma mais des 
besoins classiques de départements marketing de multinationales) à environ 5 à 10%. Donc si 
on utilise très peu Photoshop évidemment cela n'a guère d'intérêt. Mais si on travaille par 
exemple sur 251 jours ouvrés cela fait entre 12 et 25 jours de gagné. 


Dans le domaine des tablettes je recommande actuellement la marque WACOM soit pour des 
tablettes traditionnelles: 


ou le top pour travailler en tout confort: 
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Impression offset 


Représentation schématique simplifiée de l'impression Offset (parmi les nombreuses 
techniques... flashage, flexigraphie, etc.) dont on parle souvent entre spécialistes dans le 
graphisme: 


rouleaux encreurs 


rouleaux d'humect age 


encre à base 
à découper duile 
et àplier 


image imprimée en offset 


rouleaux 


rouleaux de guidage 
d'impression à plat 


bande de papier 


en caoutchouc 


| bobine 
rouleaux d'humect age 
rouleaux encreurs 


et un bon indicateur pour le choix de la résolution d'impression (source Wikipedia) 
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Pour contrôler le résultat de la qualité d'impression (quelle que soit la technique utilisée), si on 
est exigeant on utilisera un compte-fil (ce que les flasheurs utilisaient systématique au temps 
ou la qualité était plus important que la rapidité...): 


N\ 7 
7 
772 


Le compte-fil n'est pas destiné à la lecture, mais à la vérification de détails que l'oeil peut 
avoir des difficultés à percevoir, comme la densité de la trame d'un tissu, la qualité de 
juxtaposition des pixels sur un écran d'ordinateur ou un téléviseur, celles des points d'un 


tricot, le grain d'un négatif photographique, celui d'un tirage, etc. 


Le compte-fils est également utilisé en typographie pour comparer de façon fine des procédés 
de composition ou même d'impression. 


Le compte-fils est également utilisé en typographie pour comparer de façon fine des procédés 
de composition ou même d'impression. 


RIP (Raster Image Processor) 


Un RIP (Raster Image Processor) est un élément logiciel ou logiciel+hardware qui transforme 
(rasterise) une page post-script en une image bitmap adapté à l'imprimante qu'il doit contrôler. 


L'élément hardware est souvent une "sonde" (qui va permettre de (re)créer (régulièrement) un 
profil colorimétrique (1CC') pour l'écran afin d'avoir les couleurs les mieux ajustées au rendu 


papier que l'on appelle des colorimètres (ou "sonde colorimétrique") que ceux que vendent la 
marque Spyder: 


! Consortium International Color 
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associé dans la cadre vraiment professionnel à un spectrophotomètre: 


Le RIP gère les divers spécificités colorimétriques et d'impression (définition, dot point, 
encrage, génération du noir...) et permet généralement, lorsqu'il est bien réglé, (ce qui n'est 
pas une mince affaire) une amélioration importante de la qualité, une économie d'encrage et la 
simulation d'un standard d'impression si besoin. 
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Space/Zoom contrôleur 


Dans tout logiciel de dessin relativement perfectionné qu'il soit 2D ou 3D lorsque l'on passe 
sa Journée dedans en tant que professionnel, il convient d'estimer le temps que l'on passe dans 
l'année à se déplacer dans les images ou à zoomer/dézoomer en utilisant les raccourcis 
claviers de Photoshop. Ensuite, afin d'accélérer éventuellement la chaîne de production il est 
possible de faire l'acquisition d'un contrôleur de zoom/déplacement et perspective comme 
celui de la société 3DConnexion (www.3dconnexion.com). 


Pour différentes gammes de prix on peut alors acquérir le contrôleur (dit "souris 3D") de son 
choix: 
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Colorimétrie 


Il existe dans le monde du graphisme plusieurs systèmes de couleurs avec lesquels il faut 
savoir Jongler. Nous allons ici présenter brièvement les plus importants qui sont dans l'ordre 
le RVB, CMIN, Pantone”, RAL, HKS, NCS TSL, Lab. 


RVB et CMJN 
S1 les couleurs fondamentales sont le Rouge, le Bleu et le Vert c'est parce qu'elles sont les 
couleurs des trois pigments de l'œil et parce qu'elles sont primitivement les couleurs de la 


terre, de l'eau et du végétal. 


Et pour ce qui concerne la différence entre les gamuts (étendue du spectre) une image valant 
mieux que mille mots..….: 


0.9 


où D65 est le point blanc en SRGB et la surface maximale représente les couleurs perceptibles 
par un être humain moyen statistiquement. 


Enfin, rappelons que depuis la version CS, 1l n'est plus obligatoire de passer une image en 


CMIN et perdre ainsi la majorité des effets et filtres puisqu'il existe dans le menu Affichage 
une option qui simule l'épreuvage en CMJN tout en gardant l'image derrière en RVB. 
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Pantone 


L'idée de base du Pantone” est de fournir aux imprimeurs la gamme la plus large de couleurs 
pures, qui sont utilisées en fonction des besoins pour des impressions le plus souvent en aplat 
ou éventuellement tramées (on parle de "système colorimétrique d'identité”). L'utilisation 
d'une encre de couleur spécifique permet d'obtenir le résultat optimal, contrairement à la 
quadrichromie utilisant les trois couleurs primaires (cyan, magenta, jaune) ainsi que le noir, et 
dont on sait qu'il permet de reproduire par mélanges toutes les autres teintes de couleurs, mais 
avec des incertitudes quant au rendu lorsqu'on désire avoir une couleur très précise (variations 
de la trame sur chaque couleur, variations d'encrage de la machine, etc). Contrairement à la 
quadrichromie, où les couleurs sont imprimées une par une (leur synthèse soustractive rendant 
finalement la couleur voulue), les couleurs du système Pantone sont obtenues à partir d'encres 
mélangées par le pressier avant d'imprimer. Le principe du Pantone d'origine repose sur dix 
couleurs de base : 


e black (noir primaire) 

e transparent white (transparent pour éclaircir la couleur) 

e _ yellow (jaune primaire) 

e warm red (rouge chaud) 

° _ rubine red (rouge rubis) 

e __ rhodamine red (rouge rhodamine, en fait magenta) ; 

° purple (violet) 

e __ reflex blue (bleu réflexe, sorte de bleu indigo très pur) 

e __ process blue (bleu primaire, plus soutenu que le cyan) 

e green (vert) 
Le nuancier Pantone, que les imprimeurs appellent aussi pantonier et qui ne comprend pas 
moins de huit cents teintes, donne en fait les proportions de chacune de ces dix teintes de 
base. Certaines couleurs sont obtenues soit avec deux primaires (une teinte pure et un dopage 


soit transparent pour éclaircir, soit noir pour assombrir) soit avec trois primaires (deux teintes 
et un dopage) soit avec quatre primaires (trois teintes et un dopage). 
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RAL 


Le ReichsausschuS für Lieferbedingungen (Comité national pour les conditions de 
livraison) est un système de codification des couleurs développé en 1927 par l'Institut 
allemand pour l'assurance qualité et le marquage associé. Ce nuancier est utilisé 
principalement pour les couleurs de peinture des bâtiments, la peinture d'intérieure (chambres, 
pièces, cuisines, etc.) et autres grosses structures ainsi que des objets de design en plastique 
que le graphiste doit pouvoir reproduire parfois au plus proche dans Photoshop. 


Pour l'anecdote les couleurs RAL étaient beaucoup utilisées dans les imprimantes des années 
1980. 


Le RAL est une gamme beaucoup plus étendue que le Pantone” et possède lui aussi un 
nuancier. 
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Codé sur 7 chiffres, le RAL permet de définir plus finement les couleurs, et surtout supprime 
l'aléatoire de façon à pouvoir identifier lorsque deux codes sont voisins, s'inspirant en cela du 
principe du LAB que nous allons voir plus bas. Le système est ainsi construit sur: 


e La teinte est codée sur 3 chiffres, de 001 à 360. 


e La luminosité est codée sur 2 chiffres. 


e La saturation est codée sur 2 chiffres. 


Comme Photoshop ne propose pas de Nuancier RAL et que cela est quand même très utilisé, 
on peut trouver très facilement des nuanciers à télécharger pour ce même logiciel ainsi que 
des sites web proposant de convertir le RAL en RGB. 


HKS 


HKS est un système de couleur qui contient 120 tons directs et 3250 tons pour papier couché 
ou papier non couché. HKS est un acronyme suivant les trois fabricants de couleurs 
allemands: Hostmann-Steinberg Duckfarben, Kast + Ehinger Druckfarben, et H. Schmincke 
& Co. 


Les couleurs HKS, de même que les couleurs Pantone”, peuvent être utilisées pour tout type 
de publication imprimée afin d'obtenir des couleurs prévisibles. Comme pour le système de 
couleur Pantone, il existe des couleurs HKS qui ne peuvent pas être obtenues dans la gamme 
de couleur CMYK (CMIJN), comme orange brillant ou certains tons de bleu. 
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Le système HKS est fondé sur l'espace de couleur "euroscale”. Il suit donc les directives de la 
norme ISO 12647:2 2002 et le standard FOGRA (comme le Fogra27L). Cela signifie que les 
couleurs HKS sont disponibles sur tous les types de papier du standard 12647. Cela rend 
l'impression des couleurs plus facile en impression offset et pour les systèmes d'impression 
numérique classique. 


Au même titre que le RAL, Photoshop ne dispose pas de nuancier HKS mais on trouve aussi 
tout ce qu'il faut sur Internet. 


TSL 


Modèle TSL (Teinte, Saturation, Valeur) ou HSV (Hue, Saturation, Value) où la teinte 
correspond au type de couleur, la saturation à l'intensité de la couleur et la valeur à sa 
brillance: 
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Nous retrouverons ce système dans la boîte de dialogue Teïinte/Saturation de Photoshop 
raison pour laquelle le réglage de la teinte est une ligne fermée en couleurs (la couleur de 
départ tout à gauche et la même que celle de fin tout à droite) dont les valeurs vont de -180 à 
+180, ce qui correspond à une angle de 360°: 


Teinte/Saturation | X | 
Paramètre prédéfini : [Personnaisée >| = 


[aba M ännuler | 
| | Global Y 


Teinte : [+140 
[e) 
Saturation : +76 
Luminosité : Es 
F Redéfinir 
LI 
Ÿ? AZ Aperçu 


Lab 


Modèle Lab pour Luminance (entre 0% (noir) et 100% (blanc)), a (gamme de l'axe rouge/vert 
(0 si L vaut 100%)), b (gamme de l'axe jaune/bleu (0 si L vaut 100%): 


-d 


ss 


ER 
ll 
Fab) 


+ 


+bl +bl +bl 


-b1 -b] -b1 


Le 297% L = 50% L= 75% 


Notre mode de perception des couleurs est avant tout basé sur les performances de notre oeil. 
L'oeil humain à un panel de couleurs perceptibles, matérialisées par un espace défini par le 
CIE (Commission Internationale de l'Éclairage, qui mena une étude statistique des couleurs 
discernables par l'homme): l'espace CIE XYZ. 


On utilise cependant plus communément l'espace Lab, qui est parfaitement équivalent au CIE 
XYZ mais qui offre une représentation différente de son gamut (le gamut définissant l'étendue 
des couleurs d'un espace colorimétrique): L représente donc la luminosité avec des valeurs de 
0 à 100, a les couleurs du rouge au vert avec des valeurs de -128 à +128, et b les couleurs du 
bleu au jaune avec des valeurs identiques à a. 
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Le Lab comme le RVB est un système de couleur dit "neutre". En d'autres termes: sur un 
espace RVB par exemple, 3 valeurs de composantes identiques donneront un gris neutre, quoi 
qu'il arrive! 


NCS 


Le Natural Color System est un système de classification des couleurs inventé par le 
Scandinavian Colour Institue AB dont le siège est à Stockholm. Le NCS est reconnu comme 
le seul système à ce jour qui respecte vraiment physiquement comment notre oeil regarde les 
couleurs. Le résultat est la plus belle et la plus large gamme existante! Le nuancier complet 
coûte plus cher que tous les autres: 


Ce système est représenté dans 19 pays et constitue la norme de référence pour la désignation 
des couleurs en Suède (norme depuis 1979), Norvège (norme depuis 1984) et Espagne (norme 
depuis 1994) et est utilisée dans le monde entier en architecture et design (presque tout ce qui. 
tous ce qui est plastique est colorisé avec NCS quand le RAL ne suffit plus). 
Le codage des couleurs NCS se décompose en 3 parties: 

e La recherche de la teinte 


e [a teneur en noir 


e [La saturation 
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Au même titre que le RAL et HKS, Photoshop ne dispose pas de nuancier NCS mais on 
trouve aussi tout ce qu'il faut sur Internet. 


Adobe Photoshop 28/577 


Vincent ISOZ Sciences.ch 


Présentation générale du logiciel 


Photoshop est un logiciel de retouche, de la suite Creative visible ci-dessous, de traitement et 
de dessin assisté par ordinateur édité par Adobe. Il est principalement utilisé pour le 
traitement de photographies numériques, mais sert également à la création d'images ex nihilo. 


> DB 9 D 95 D 6 


Acrobat CS5 After Effects CS5 AIR CSS Audition CS5 Bridge CSS Captivate CS5 Encore CS5 
sl 
ColdFusion Builder ColdFusion CSS Contribute CSS Device Central CSS Director CSS Dreamweaver CSS Flex CSS 
Css 
Extension Manager CS5 Fireworks CSS Flash Builder CSS Flash Catalyst CSS Flash Player CSS Flash Professional InDesign CSS. 
Css 


FrameMaker CS5 Premiere Pro CSS Extension Manager CS5 Illustrator CSS Lightroom CS5 InCopy CS5 Premiéré Eléments 
css 
Media Encoder CSS Media Player CSS OnLocation CS5 Photoshop CS5 Photoshop Elements Ultra CS5 Updater CSS 
Reader CSS RoboHelp CS5 Shockwave Player CSS Soundbooth CSS 


A l'ouverture (oui le document de la rédaction du présent document date un peu donc ce n'est 
pas une capture d'écran récente): 
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Para] 


| Adobe Photoshop Limited Edition 


Baguette magique 
sélectionne des pixels de 
couleur. Plus la tolérance est 
grande, plus elle prend en 
compte les pixels voisins. 


Dessin ou inversion auto : couleur amère plan 
à la place de la couleur du premier plan 
Etaler, papier buvard 


Maquillage sert à obscurcir 
ou éclaircir des zones 
précises 


Pour réaliser une sélection 
Petite flèche en bas du carré : sélection de 
forme rectangle, ronde. 


Pour réaliser une sélection à main levée 
Petite flèche en bas du carré : sélection de 
l'outil : asso, lasso polygonal, lasso 


magnétique 
Aérographe 


Goutte d'eau : brouiller un contour, 
Netteté : durcir un contour 


Masque de texte 


Dégradé : créer une 
progression entre deux 
couleurs 


Et une petite évolution des barres d'outils à travers le temps (merci à l'équipe Adobe pour 
l'image): 


2 
Le 


L. " 

PIX] IEIKI IPF Ci | Es) 

a lai) alex l'E E» 
C 22 #2 RAI IEZL 
AN LA BA Er 71624) #2 
2m) (29) 8.5 (84 |\#.# 
LAEN [ale] [ja 2.48%] |22 
Lam RIT] MIT 2. a en 
DOME à. T. à Sa) 
el 7 3/7] (Dr. > lt  2r 
wa FAI SEA 
à Y@ ES 
LOL Cu IE 

fes. . =: 

Gso ([e]| ë 
800] [800] F5 A, Ô 


Ps .87 Ps1 Ps2 Ps25 Ps3 Ps 4 Ps5 Ps55 Ps6 Ps 7 Ps CS Ps CS2 Ps CS3 Ps CS4 
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Outils 


Avant d'utiliser Photoshop dans une salle de formation (dans laquelle sont passés 
éventuellement des précédents apprenants...) il est conseillé de réinitialiser l'ensemble du 
logiciel aux paramètres par défaut en maintenant en même temps les touches Ctrl+Alt+Shift 
enfoncées pendant l'ouverture du logiciel. Vous aurez alors: 


Supprimer le fichier des paramètres 4dobe 
Photoshop ? 


Il suffit de valider par Oui. 
Les outils de base... 


+] La flèche de déplacement 
Comme son nom l'indique, cet outil sert bien sur à déplacer. Son utilisation est simple. Il 
existe 2 possibilités. Vous pouvez déplacer une sélection, ou bien déplacer le contenu d'un 
calque. Pour cela, 1l suffit de cliquer sur la sélection (ou simplement dans la fenêtre, si 11 


n'y à pas de sélection) et de la faire glisser. Si vous n'aviez pas fait de sélection, cet outil 
déplaceràa l'intégralité du calque sélectionné. 


Le rectangle de sélection 
Cet outil vous permet de déterminer un rectangle de sélection. Pour définir ce rectangle, 
vous devez cliquez quelque part dans la fenêtre, puis faire glisser votre souris. Vous verrez 
apparaitre un rectangle en pointillés. Ce rectangle correspond à une sélection. Cet outil 
vous permettra donc diverses manipulations. Vous pourrez, entre autre, recadrer une 
image, appliquer un filtre à une zone précise de l'image. 
Cet outil peut aussi être combiné à différentes touches du clavier: 
- Si vous pressez la touche maj, vous pourrez faire plusieurs sélection en même temps. 
- Si vous pressez la touche alt, vous pourrez retirer une sélection à la sélection. 
N'oubliez par le raccourci Ctrl+D pour annuler rapidement une sélection en cours. 


{2IL'ellipse de sélection 


Il n'est pas nécessaire de vous présenter cet outil, il est équivalent au rectangle de 
sélection, mais il vous permet de faire des sélections en forme d'ellipse. 
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_i [Sélection d'une colonne / d'une rangée 
-=:|Ces 2 outils permettent tout simplement de sélectionner une colonne, ou une rangée de 


pixels. En cliquant dans votre fenêtre, toute la colonne de pixels ou vous avez cliqué sera 
sélectionnée. 


#[La baguette Magique 
Derrière ce nom un peu mystérieux pour les débutants, se cache un outil magnifique. En 
effet, la baguette magique devient vite indispensable, dès que vous souhaitez toucher un 


peu à Photoshop. 


La baguette permet enfait de sélectionner tout les pixels de la même couleur (ou de la 
même teinte) qui se trouve autour du pixel sur lequel vous avez cliqué. 


Cet outil offre les même possibilités que le rectangle de sélection lorsque que vous y 
associez les touches maj et alt. 


Les outils de dessin 


#'|Le pinceau 


Et oui, Photoshop vous permet aussi de peindre !!! Le pinceau permet en effet, après avoir 
choisi une couleur, de. bin de peindre ! 


Sachez aussi qu'il est possible de changer la forme et la taille du pinceau. 


fILe crayon 
Le crayon est très peu différent du pinceau dans Photoshop. Il se différencie en fait par les 
bords de ses formes, qui sont beaucoup moins arrondies. En effet, le pinceau peut utiliser 


des formes dont les bords s'estompent, tandis que le crayon à des bords très pixélisés. 


Le crayon permet enfin de travailler avec une forme de 1 pixel. cequi peut s'avérer très 
pratique dans certains cas... 


€}La gomme 
Quoi ? Vous ne savez pas ce qu'est une gomme !!! 

Æ/L'aérographe 
L'aérographe est un autre outil de dessin de Photoshop. Celui-ci se comporte exactement 
comme un aérographe. C'est à dire, que lorsque vous restez appuyez sur une zone, la tache 


de "Peinture" s'agrandi petit à petit. Vous pouvez en régler sa pression, de façon à obtenir 
différents rendus. 
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Le pot de peinture 


Cet outil, tout comme le crayon, est très vieux, et très connu. Je ne sais pas si vous vous en 
souvenez, mais sachez que le pot de peinture était déjà présent dans MacPaint, sur les 
premiers Macintosh. 


Donc, au cas où vous ne savez pas à quoi ca sert, c'est très simple. Cet outil rempli en fait 
de la couleur sélectionnée, tout les pixels de même couleur, ou de même teinte autour du 
pixel sur lequel vous avez cliqué (l'outil est réglable comme la baguette magique). 


Bien évidemment, si vous cliquez sur une zone entièrement blanche dans un nouveau 
fichier, toute la zone se remplira de la couleur que vous avez sélectionné. 


N Le trait 


Un outil tout simple, mais parfois utile. Il vous permet de tracer des trais dont vous avez 
préalablement fixé l'épaisseur en pixels. 


Sélection approfondie, et recadrage... 


Ca Le lasso 


Ca aussi c'est vieux ! Le lasso, permet de faire des sélections beaucoup plus précises 
qu'avec le rectangle et l'ellipse de sélection. En effet, pour l'utiliser, il faut l'utiliser comme 
un crayon, pour délimiter votre zone de sélection. Il est parfois très utile, mais 
malheureusement assez peu précis. 


Pour se déplacer sur une image pendant une sélection avec le lasso appuyez sur la barre 
d'espacement du clavier, cela aura pour effet de transformer temporairement l'outil lasso 
en outil Main. Appuyez sur Ctrl+Espace transformer temporairement le lasso en l'outil 
zoom. 


© Le lasso polygonal 


Petite variante du lasso, mais beaucoup plus précise, le lasso polygonal s'utilise au point 
par point. En effet, pour délimiter une sélection, vous devez cliquer tout autour de votre 
zone à sélectionner. Cet outil s'avère donc très utile pour des sélections un peu biscornues. 


Pour se déplacer sur une image pendant une sélection avec le lasso appuyez sur la barre 
d'espacement du clavier, cela aura pour effet de transformer temporairement l'outil lasso 


polygonal en outil Main. Appuyez sur Ctrl+Espace transformer temporairement le lasso en 
l'outil zoom. 


$?]Le lasso magnétique 


Encore une variante du lasso ! Cet outil bien que peu utilisé peut parfois être très pratique. 
En effet, son système fait que lorsque vous tournez autour de la sélection que vous 
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souhaitez faire, et que cette zone de sélection est un peu délimitée par rapport au reste de 
l'image, le lasso magnétique vous aidera à suivre le bon contour. C'est un peu compliqué à 
expliquer, mais essayez, vous allez voir, vous comprendrez tout de suite. 


Pour se déplacer sur une image pendant une sélection avec le lasso appuyez sur la barre 
d'espacement du clavier, cela aura pour effet de transformer temporairement l'outil lasso 
polygonal en outil Main. Appuyez sur Ctrl+Espace transformer temporairement le lasso en 
l'outil zoom. 


£ La plume 
Vous avez peut-être cru aux premiers abords que la plume était un outil de dessin, et bien 
pas tout à fait. La plume permet en fait de créer des tracés, que vous récupérerez dans 
l'onglet "Tracés" en bas à droite. 
Quel est le rapport avec la sélection? Et bien, une fois que vous avez fait votre tracé (l'outil 


s'utilise un peu comme le lasso polygonal), vous pouvez le transformer en sélection en 
vous rendant dans l'onglet tracé. 


€ L'outil ‘'recadrage"' 
—— 


Comme son nom l'indique, cet outil vous permet de recadrer vos images... Dommage qu'il 
ne s'appelle pas plutôt outil rognage mais bon... 


Cet outil se présente tout d'abord comme le rectangle de sélection. Vous commencez par 
tracer un rectangle, puis vous pouvez le redimensionner, et même le faire pivoter avec les 
poignées autour de ce rectangle. Une fois que vous avez bien délimité la zone que vous 
souhaitez recadrer, cliquez sur un autre outil quelconque de la palette d'outil, et une boite 


de dialogue apparaitra, vous demandant si vous souhaitez "rogner" l'image. Cliquez "oui", 
et le tour est joué. 


Outils de gestion d'images 


* Densité - 

— 
Il n'est pas nécessaire d'en parler pendant des heures, cet outil sert tout simplement à 
diminuer la densité de votre image. L'outil s'utilise comme le pinceau, vous pouvez donc 


changer la taille et la forme. Si vous ne savez pas vraiment ce que veut dire "densité" dans 
ce cas, sachez simplement que ca... éclaircit ! 


€ Densité + 
Exactement le contraire de l'outil précédemment cité... 
1 L'éponge 


Cet outil s'utilise comme les outils précédents, mais a une fonction différente, 11 blanchit 
l'image (la fait passer en niveaux de gris. 
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La goutte d'eau 


Toujours dans le même genre, cet outil sert à rendre flou. 


{\INetteté 


Un de plus... Cet outil permet de rendre l'image plus nette. 


Le doigt 


Ah, voilà quelque chose d'un peu plus intéressant. Cet outil vous permet de "dilater" des 
zone de votre image, comme si vous vous serviez de votre doigt pour étaler de la peinture. 
Pour plus d'infos, vous pouvez d'ailleurs aller lire mon article sur le logo feu. 


Outils divers. 


&|Le tampon 


Le tampon permet de copier une zone d'une image, pour la repeindre en temps réel à un 
autre endroit de l'image. Pour cela, cliquez tout en appuyant sur Alt au point de fixation de 
votre tampon. Puis cliquez à un autre endroit de l'image, et commencez à peindre. Vous 
verrez qu'en même temps que vous bougerez le pinceau, votre point de fixation bougera, et 
vous verrez donc apparaitre une copie conforme de la zone que vous avez choisi. Bon, 
encore une fois, c'est assez compliqué à expliquer alors essayez, et vous comprendrez. 


TL'outil texte 
Un outil indispensable a tout logiciel Photo, la saisie de texte. Si jusqu'à la version 6, une 


fenêtre apparaissait pour entrer votre texte quand vous cliquiez sur votre image, dans la 
dernière version de Photoshop, le texte se tape en temps réel directement sur l'image. 


Forme d'historique 
Cet outil vous permet de peindre comme avec un pinceau ce que vous avez fait dans votre 


historique. OK, je ne suis pas très clair, mais le fait est que je n'ai moi même pas bien saisi 
le principe d'utilisation de cet outil. 


51, Forme d'historique artistique 


A l'instar de l'outil Forme d'historique, l'outil Forme d'historique artistique puise ses 
données sources dans un état d'historique ou un instantané. Toutefois, tandis que l'outil 
Forme d'historique peint en restituant les données sources spécifiées, l'outil Forme 
d'historique artistique combine ces données avec les options définies pour produire des 
couleurs et styles artistiques différents. 


A, L'outil Loupe 
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Permet de zoomer ou en maintenant la Alt enfoncée de dézoomer. Les raccourcis clavier 
Ctrl+0 pour adapter l'image à la zone de travail. Pouvez pour également zoomer ou 
dézoomer en faisant un Alt+Molette souris 


© 2 L'outil Main 


Permet de se déplacer sur des images avec un fort effet de zoom. Pour remettre le zoom à 
la taille optimale il suffit de faire un double clic sur cette main (astuce pratique!). 


Un truc aussi à savoir c'est que quelle que soit l'outil qui est actif dans Photoshop, si vous 


enfoncez la barre d'espacement du clavier, cela active l'outil Main. C'est très pratique 
quand vous faites des tracés avec la plume et que vous devez vous déplacer sur l'image! 
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Fenêtres 


EIE3 
Navigation N, Ixfcs N, Cbtions + 


Lx 


[touteur Ÿ fusroer V Fmes 1 
ct) 


La fenêtre Navigation, Infos, Options Navigation: permet de zoomer sur l'image Infos: avoir 
des renseignements sur les couleurs, emplacement 


La fenêtre Couleur, Nuancier, et Formes: permet de gérer les couleurs et les formes des 
dessins 


Le masque: A utiliser dans certaines conditions comme la création d'une ombre. Principe: 
Sélectionner avec les outils de sélection (baguette magique par exemple) les endroits ou vous 
souhaiter placée l'ombre. (Pour sélectionner plusieurs endroits appuyez simultanément sur 
Maj + Baguette magique). Vous obtenez une zone de sélection plus ou moins grande, passez 
en mode masque (la zone rouge est inactive au dessin). Vous pouvez modifier le masque avec 
les outils crayon, pinceau, gomme.…..). 


Passez en mode standard, une ou plusieurs zones actives sont visibles, vous pouvez alors 
dessiner avec l'aérographe (ou autre) l'ombre en toute tranquillité même en dépassant la zone 
sélectionnée. 


Remarque: Vous pouvez utiliser tous les autres outils disponibles pour modifier ces zones 
(balance de couleur, contraste, filtres..….). 


Les calques permettent de modifier certaines zones indépendamment du reste de 
l'image. Vous pouvez ainsi dessiner, retoucher, coller, appliquer un masque et déplacer des 
éléments sur un calque sans affecter les autres calques de l'image. Les calques permettent de 
tester des combinaisons de graphiques, d'effets spéciaux et d'opacité. Tant que vous n'avez 
pas fusionné les calques, chacun conserve son indépendance par rapport aux autres. Il 
n'existe pas de calques pour les images 16 bits. 
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2. Adobe Photoshop Limited Edition 
. Fichier Edhon [mage Czlque Sékciion File éflichage Fenéie Aide 
&i Soason+.PSD à 100% [F "ITSI ET 


Nom du calque 
sélectionné 


NT. 


La fenêtre « Calques » : 5 calques dans le documents 
Seasons.PSD. 

Le calque « soleil » est au premier plan, « Fond » est 
au dernier plan. 

En déplaçant le calque avec la souris on change 


CS 


TERRE 


(Laos | IDE aREANONRE 1 


La fenêtre Calques répertorie les calques du document, en commençant par celui qui se 
trouve au premier plan. Une vignette montre le contenu de chaque calque à gauche de son 
nom. Elle est mise à jour à mesure que le calque est modifié. Pour activer un calque, vous 
devez le sélectionner. Vous ne pouvez activer qu'un seul calque à la fois. Le nom du calque 
activé apparaît également dans la barre de titre du document. 


à Searons.PSD à 1OUX (isuille, AYB] 


damier = zone 
transparente 


Pour modifier l'opacité 
du calque 


L'œil permet de visionner le calque. 
Pratique pour voir l'effet sur le calque demandé 


Doc:233 Ka#1.10 Mo D Faites glooer pour dessiner à Tac di pirceau 


Lorsque vous restez appuyé sur la touche Ctrl du clavier et que vous descendez avec les 


souris sur les yeux æ des calques, cela vous permet de rapidement tous les activer ou 
désactiver. 
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Enfin, indiquons que la barre d'état: 


v Documents 
Profil de document 
Dimensions du document 
Fichiers de travail 
Efficacité 
Durée 

| Doc : 5.439M/77.2M p Outil actif 


en mode Documents afficher d'abord la taille de l'image en mémoire lorsque tous les calques 
sont aplatis et en deuxième, la taille de l'image en mémoire avec les calques... non aplatis. 


Remarques: 


Par défaut, lorsque vous travaillez avec la baguette magique, le doigt, les outils de mise au 
point vous n'appliquez ou ne prélevez que les pixels du calque activé. Par exemple, vous 
pouvez étaler ou prélever la couleur d'un seul calque même s1 les autres sont visibles, et 
prélever la couleur dans un calque différent de celui où vous l'appliquerez. Un calque 
demeure transparent tant qu'aucun de ses pixels n'a été rendu opaque. Lorsque vous visualisez 
un calque, toutes ses zones transparentes sont matérialisées par un damier. Cocher Préservez 
les zones transparentes et lorsque vous appliquerez l'un des outils crayon, pinceau, 
aérographe, tampon, pot de peinture ou dégradé, seules seront modifiées les zones opaques 
contenant des pixels. Lorsque vous réaliserez un Crtl+C / Crtl+V la copie s'incruste 
directement dans un autre calque. 


Barre de titre 
Dans Adobe Photoshop la barre de titre des images comprend plusieurs indicateurs différents. 


Pour commencer avec le cas le plus simple, si vous ouvrez une image quelconque comme par 
exemple: 
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Nous y voyons le symbole @: 


ce qui signifie que le zoom est "à 100%". 


Ensuite, si vous allez dans le menu Fichier/Information pour y mettre le État du copyright: 


Description Description 


Données de la caméra 1 
Données de la caméra 2 Titre du document :  dancer 
Catégories 
Historique Auteur : Photographer: Alexander Yakovlev 
Origine ne 
Avancé Description : modern style dancer posing on studio background 


âuteur de la description : 
Mots-clés : dance; dancer; dancing; hip-hop; rap; music; jump: jumping: breakdance; 

breakdancer; break-dance; balance; woman; female; girl; attractive; [ 

beautiful, cheerful; behavior; lifestyle; aerobics; fitness; gymnastic; 


… 
+ 


Ô Les virgules peuvent être utilisées comme séparateurs de mots-clés. 


Etat du copyright : [inconnu 


Notice de copyright : 


URL d'informations sur le copyright : www. ayakoviev.com 


Atteindre l'URL... 


Créé : 16.10.2009 âpplication : DXO Optics Pro vs 
Modifié : 13.02.2010 Format : image/jpeg 


à la valeur: 


Notice de copyright : JNconnu 


La barre de titre devient alors: 


Nous y voyons le symbole du copyright ©. 


Ensuite, si nous allons dans le menu Image/Mode/Attribuer un profil...: 
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ättribution d'un profil : 


©) Non 


©RVE de travail: Adobe RGB (1998) 


© Profil: Adobe RGB (1998) | apercu 


nous voyons que nous avons le profil colormétrique de l'image qui est identique à celui de 
l'espace de travail. Mais si nous changeons cela en prenant arbitrairement le profil Apple 
RGB: 


— Attribution d'un profil : 
© Non 
ORYE de travail: Adobe RGB (1998) 
© Profil :  £pple RGB Aperçu 


Alors le profil colorimétrique de l'image n'est plus identique à celui de l'espace de travail et 
ainsi NOUS aVONSs: 


Nous voyons alors le symbole + 


S1 par contre, nous enlevons tout profil colorimétrique tel que: 


ttribution d'un profil : 


© Non 


ORYE de travail: Adobe RGB (1998) 


©Profil:  4pple RGB V|&perçu 


S1 on enregistre une image au format *.gif, c'est-à-dire au format de couleurs indexées, nous 
avons alors le mot "Couleurs indexée" qui apparaît: 
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et ainsi de suite si on convertit l'image en mode CMIJN ou Lab. 
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Réglages 


& Adobe Photoshop Limited Edition 
Fichisr Edition [ Image Calque Séleston Fitre AMlfichage Fenète Ads 
U Eire p 
Miveaux de qiis 
Couleurs indexées. 
# Couleur: AVE 


# Bbit:/couche 
JBE/ccupre 


Taille de l'image. 
Taille de la zone de travail. 


fiszadier TEÉPFdEs coule. 


Bottanide hace de ares Vérifiez le mode de l'image CLOS 


A | CE 


Pour modifier une image il y a de nombreux choix possibles: 


=. Adobe Photoshop Limited Edition 
Fichier Edtion | Image Caque Sélecton Fite Affichage Fenète Aide 


Ps CR Niveaux auiomatiques Maj+CtrhL 
| A Cotiboe CirleM 
Taille de l'image. Balance des coukeurc…. 
Taille de la zone de travail. Lummosité Contraste … 
Hécadrer Jarte/S aturation… 


Botation de la zone de travail + Négatt CT TI 
Egaiser 
Seul... 
Ischéli.. 


|| ER 


Variartes.. 


Niveaux 


L'histogramme présente sous forme de graphique le nombre de pixels pour un niveau de 
luminosité donné. L'histogramme fournit également un aperçu de la plage tonale (key type) de 
l'image. Une image dont les pixels sont concentrés dans les tons sombres est dite à dominante 
foncée (low-key) ; à l'inverse, une image dont les pixels sont concentrés dans les tons clairs 
est dite à dominante claire (high-key). L'identification de la plage tonale de l'image permet de 
déterminer les corrections tonales nécessaires. 
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Le 


Couche : RVE 


Niveaux d'entrée : 0 1.00 
ännuler 
Charger. 
Enregistrer. 


Auto 


dus EX 


Niveaux de sortie : © 255 FASA 


| 
è Aperçu 


Options. 


Le réglage par Niveaux automatiques convertit les pixels les plus clairs et les plus foncés de 
l'image en pixels blancs et noirs, respectivement, puis redistribuent en conséquence les 
valeurs de pixels intermédiaires. Cette fonction écrête de 0.5 % les valeurs de noir et de blanc 
(détection des pixels les plus clairs et les plus foncés de l'image). Le programme base 
obligatoirement les valeurs de noir et de blanc sur les pixels clairs et foncés vraiment 
représentatifs, plutôt que sur une seule valeur extrême de l'image. 


Courbes 


Cette fonction sert à régler la plage tonale d'une image. Au lieu d'effectuer ces réglages à 
partir de trois variables (tons clairs, tons foncés et tons moyens), vous avez la possibilité de 
modifier un point quelconque sur l'échelle de 0 à 255. Vous corrigez les tons clairs et les tons 
foncés de l'image, et vous pouvez régler les tons moyens ou affiner le contraste (non 
nécessaire lorsque l'image ne présente pas de dominance de couleur). 
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Couche : RYE 


Entrée : 


Sortie : 


Voici quelques exemples: 


Atténue Accentue Atténue les Accentue les inverse 
(plus clair) {plus sombre) contrastes contrastes (négatif) 


Balance des couleurs 


Cette fonction permet de faire varier les proportions des couleurs dans une image (et non pas 
la tonalité!!! ce sont deux choses très différentes!). Vous pouvez corriger les tons foncés 
(couleurs chaudes), moyens et clairs (couleurs froides), en réduisant la proportion d'une 
couleur (RVB) et en augmentant la quantité de sa couleur opposée (CMIN). 
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Balance des couleurs om. 
K 


Balance des couleurs 
Niveaux : 1] Annuler 


Cyan 


W| Aperçu 


Magenta 


Jaune 


Balance des tons 


D Tons foncés (© Tons moyens (2 Tons clairs 
(V] Conserver la luminosité 


Lorsque l'on modifie les réglages d'une image, chaque réglage affecte la balance globale de 
cette image. Par exemple, vous pouvez réduire le magenta d'une image en supprimant du 
rouge et du bleu ou en ajoutant du vert. Tous ces réglages ont pour résultat une balance des 
couleurs globale contenant moins de magenta. Le réglage approprié dépend de l'image et de 
l'effet que vous souhaitez obtenir. 


Luminosité/contraste 


Cette fonction permet de modifier simultanément toutes les valeurs de pixel de l'image - tons 
clairs, foncés et moyens (déconseillée pour l'impression haut de gamme). 


Teinte/Saturation 


Cette fonction permet d'ajuster la teinte ou la couleur, la saturation ou la pureté et la 
luminosité de chaque composante colorimétrique ou de toutes les composantes en même 
temps 


Teinte/Saturation x! 


Modifier : [ Global 7] 
EE A | Rétablir | 
le | Charger … | 
Rte. b Enregistrer … | 
——— 

F Redéfinir 


M äperçu 


Négatif, Egaliser, Seuil, Isohélie: modifient également les couleurs ou la luminosité d'une 
image. 
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Négatif: crée un négatif de l'image en inversant ses couleurs. 
Egaliser: répartit les valeurs de luminosité des pixels de façon plus uniforme. 
Seuil: permet de convertir en noir et blanc une image à niveaux de gris ou en couleurs. 


Isohélie: permet de limiter arbitrairement le nombre de tons (luminosité) d'une image en 
arrondissant les valeurs de tous les pixels au niveau le plus proche. 


Variantes 


Permet de régler visuellement les proportions des couleurs, le contraste et la saturation d'une 
image (1l s'agit simplement de l'option Balance des Couleurs mais avec un autre visuel!). 


(©) Tons foncés 
@ Tons moyens _ 
© Tons clairs {Enregistrer | [ Annuler | 


(© Saturation 
Faible Fort 
= 


[V] Zones écrêtées 


Plus de rouge 


Remarque: Cette dernière fonctionnalité a disparue dans le versions récentes de Photoshop 


Adobe Photoshop 471577 


Vincent ISOZ Sciences.ch 


Taille des images 


La taille d'une image peut être définie en spécifiant ses dimensions en pixels - pour affichage 
sur un écran vidéo ou un moniteur, ou en indiquant ses dimensions imprimées et sa résolution 
- pour déterminer la taille et la résolution maximales auxquelles l'image peut être imprimée. 


Il est fondamental de bien faire la relation entre dimensions en pixels, résolution et taille de 
fichier pour comprendre comment Photoshop affiche et imprime les images. 


Chaque image contient un nombre fixe de pixels, en hauteur et en largeur. Le nombre total de 
pixels détermine la taille du fichier ou la quantité de données présentes dans l'image. 


La résolution de l'image désigne le nombre de pixels par unité de longueur dans une image et 
elle se mesure généralement en pixels par pouce (ppp). 


Une image de résolution élevée contient un plus grand nombre de pixels, ces derniers étant 
par conséquent plus petits, qu'une image de mêmes dimensions mais de résolution plus basse. 


Le nombre de pixels affichés par un moniteur ainsi que le format de ce dernier déterminent la 
taille (et par voie de conséquence, la densité) des pixels. Photoshop convertit directement les 
pixels d'une image en pixels de moniteur. En d'autres termes, si la résolution de l'image est 
supérieure à la résolution d'affichage, l'image apparaît plus grande à l'écran qu'elle ne l'est 
réellement. 


Vous pouvez à tout moment rééchantillonner une image. Ce qui signifie de modifier le 
nombre de pixels d'une image (donc la taille du fichier). Dans Photoshop, vous pouvez 
effectuer la modification directement ou indirectement en changeant la taille d'impression ou 
la résolution de l'image lorsque l'option Rééchantillonnage est sélectionnée dans la fenêtre 
Taille de l'image. Lorsque vous sous-échantillonnez (diminuez le nombre de pixels), 
l'application supprime des informations. Lorsque vous suréchantillonnez (augmentez le 
nombre de pixels), Photoshop crée des pixels supplémentaires à partir des valeurs 
colorimétriques existantes. Dans les deux cas, l'application utilise une méthode d'interpolation 
pour déterminer la façon dont les pixels sont ajoutés ou supprimés. Il existe trois méthodes 
d'interpolation, qui se basent sur les valeurs colorimétriques des pixels existants pour déduire 
celles des nouveaux pixels. 
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x 
Dimensions de pixel : 1050 — 
Largeur : 189 i ; Annuler | 


Hauteur : 1189 i Auto. | 
Taille du document : 

Largeur : 5 [em 

Hauteur : 5 [em IL 
Résolution : EE [pixelspouce +] 


WF Conserver les proportions 


F Rééchantillonnage : | Bicubique Ld | 


Au plus proche 
Bilinéaire 


: Bicubique 


Il existe ainsi trois méthodes mathématiques d'interpolation (du moins dans la version CS...), 
qui se basent sur les valeurs colorimétriques des pixels existants pour déduire celles des 
nouveaux pixels. 


Une chose importante à constater si nous prenons par exemple l'image ci-dessous de la 
Joconde: 


Z Jocondejpg @ 50% (RV8) [= | © ES] 


(.essins 
Taille de l'image 
Dimensions de pixel : 1.38M 


Largeur : 7 pixels | [ Annuer | 


Hauteur : 866 pixels [Auto 
Taille du document : 
Largeur : 19.65 cm à ] 
ë 
Hauteur : 30.55 cm + 
Résolution : 72 pixels/pouce + 


W\Mettre les styles à l'échelle 
(W]Conserver les proportions 


WlRééchantilonnage :  Bicubique 


C'est que si nous la mettons au format A4 avec l'option Rééchantillonage activée: 
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aille de l'image 


Dimensions de pixel : 1.43M (avant: 1.38M) 


Largeur : 595 pixels * 
Hauteur ! 842 pixels 


— Taille du document : 


Largeur : cm 
Hauteur : | 2° cm 


Résolution : pixels/pouce 


Mettre les styles à l'échelle 


Conserver les proportions 


Rééchantilonnage :  Bicubique 


Le nombre de pixels en Largeur et Hauteur seront modifiés avec de conserver les 72 
pixels/pource. 


Mais si nous désactivons Rééchantillonage alors la nombre de pixels en Largeur et 
Hauteur sont conservés par rapport à l'originale et nous sommes obligés de respecter la 
conservation des proportions: 


Taille de l'image 


Dimensions de pixel : 1.38M 
Largeur : 557 pixels 


Hauteur : 866 pixels 


— Taille du document : 


Largeur : 21 cm 


Hauteur : 32.65 cm 


Résolution : 67.37 pixels/pouce +2 


Mettre les styles à l'échelle 


Conserver les proportions 


Rééchantilonnage : | Bicubique 


Ce qui est surtout intéressant dans la pratique, c'est de désactiver Rééchantillonage dans une 
image de piètre qualité et de voir quelle taille réelle elle a si nous voulons l'imprimer avec une 
bonne résolution: 
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— Dimensions de pixel : 1.38M C__X __) 
Largeur : 557 pixels 


Hauteur : 866 pixels 


— Taille du document : 


Largeur : 4,72 cm 


Hauteur : 7.33 cm ÿ 


Résolution : €] pixels/pouce + 


Mettre les styles à l'éché Définit la résolution du document 


Conserver les proportions 


]Rééchantilonnage : | Bicubique 
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Nous reviendrons sur ces notions avec un cas pratique lors de nos premiers exercices. 


Transformations: Les commandes du sous-menu Transformation permettent d'appliquer 
des déformations précises à une sélection ou à un calque. Lorsque vous utilisez la commande 
Homothétie ou Rotation, Photoshop visualise l'effet obtenu et inscrit la zone sélectionnée dans 
une enveloppe rectangulaire dotée de poignées. Faites glisser ces poignées pour manipuler la 
sélection ou le calque. 


£ Adobe Photoshop 


Fichier | Edition Image Calque Sélection Filtre Affichage Fenétre Aide 
&nnuler Gtrl#z 
Allerwers l'avant Maj+Gtrl#2 
Aller vers l'arrière Alt+Ctr+z 


F Lissé 


AttÉNUEr, Maj+GtrifF 


Couper Gtri## 


Copier. Ctrl 
Copierneyecfusion Maj+Gtrire 
Cale. Gr 
Gollerndedans Maj+Gtrl#4) 


Effacer 
Remplir. 2 @ 10096. [=] F4 
Contour... 


Transformation manuelle Ctri+T Ë 
Répéter Maj+Grr|ÆT 


Transformation 


Créer une forme... Homothétie 


Style : [normal il 


Utiliser comme motif. Rotation 
Créeriune forme personnalisée Inclinaison 
rem Torsion 
Perspective 
Couleurs... Maj+Ctri+K 
ent des paramètres ue _ PRET 
Le Rotation 90° horaire 


Préférences >» 


Rotation 90° antihoraire 


Symétrie axe horizontal 
Symétrie axe vertical 
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Filtres 


Photoshop gère également un certain nombre de filtres créés par des développeurs 
indépendants, sous forme de modules externes. Une fois installés, ces filtres sont intégrés au 
menu Filtre: 


tion | Filtre Affichage Fenêtre Aide 


sMAitreprécédent cri 
gressi 


ärtistiques 
ätténuation 
Bruit 
Contours 
Déformation 
Esquisse 
Esthétiques 
Pixellisation 
Rendu 
Renforcement 
Textures 
Vidéo 

Divers 


LS. Os OR CS. OU. 0. AR, JE: ds. Es O0 à 


à 


Digimatc 


Remarque: Il est impossible d'appliquer des filtres à des images en mode Bitmap, à couleurs 
indexées, RVB 48 bits et en niveaux de gris 16 bits. Les filtres se répartissent en 13 grandes 
catégories. S'y ajoutent les filtres externes, répertoriés au bas du menu Filtre. 


Nous reviendrons sur les filtres au moment des exercices. Cependant il est intéressant de faire 
une remarque sur les filtres "Divers": 


Ils permettent de créer des filtres personnalisés, de modifier un masque (filtres Minimum = 
Erosion et Maximum = Dilatation), de décaler une sélection dans une image (filtre 
Translation) et de régler la couleur (filtre Passe-haut, lequel accentue les zones très 
contrastées au détriment des zones de faibles transitions).0 


Maximum = Erosion: Chaque pixel en contact avec le fond est remplacé par le fond. 


à outils jpg à 1002 


Image de départ Image érodée 


Minimum = Dilatation Chaque pixel connexe à l'objet (noir) est transformé en objet. 
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La outil og à 100% 


ê 


S 


Image de départ Image dilatée 


Hayon: [E pauels 
A ——— 


Le filtre Filtre/Divers/Autre... (dans CS2  Füiltre/Divers/Personnalisé dans 
Filtre/Divers/Autre...) permet d'agir sur la luminosité de chaque pixel de l'image selon un 
modèle mathématique prédéfini appelé convolution. Chaque pixel est réaffecté d'une valeur 
en fonction des valeurs des pixels avoisinant. Cette opération est similaire à l'addition et la 
soustraction pour les couches: 


E3 
Annuler | 
Charger. | 


[ON NN NN NW 4 
Diviseur : mn | Décalage LL | 
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Modes de calques 


Les options des modes de dessin permettent de déterminer quels pixels seront affectés par un 
outil de dessin ou de retouche. Les modes de fusion des calques fonctionnent sur le même 
principe, mais il est plus simple de voir le résultat obtenu à l'aide d'un outil spécifique. 


Ici, nous allons dessiner sur le calque 1 (contenant une simple photographie) à l'aide de l'Outil 
Pinceau, et faire varier le mode de fusion de l'outil pour chaque essai, afin de voir les 
différents effets obtenus: Calque 1 reste en mode Normal et utilisation de l'Outil Pinceau sur 
Calque 2 que nous faisons varier du mode Normal à Luminosité). 


::1Mode Normal:: 


Chaque pixel sur lequel passe l'outil de dessin est peint dans la couleur finale. C'est le mode 
par défaut de chaque outil. 


::1Mode Fondu:: 


Chaque pixel sur lequel passe l'outil de dessin est peint dans la couleur finale. Toutefois, 1l y a 
remplacement aléatoire des pixels par la couleur d'origine de la photographie ou la couleur de 
dessin. 


::Mode Produit:: 


Ce mode multiplie la couleur d'origine de la photographie par la couleur de dessin. La couleur 
issue du dessin est toujours plus sombre. Lorsqu'il est appliqué à une couleur quelconque et à 
du noir, ce mode donne du noir. Lorsqu'il est appliqué à une couleur quelconque et à du blanc, 
la couleur n'est pas modifiée. 


:Mode Superposition:: 


Ce mode multiplie l'inverse de la couleur d'origine de la photographie par l'inverse de la 
couleur de dessin. La couleur issue du dessin est toujours plus claire. Lorsqu'il est appliqué à 
du noir, ce mode ne modifie pas la couleur. Lorsqu'il est appliqué à du blanc, il donne du 
blanc. 


:Mode Incrustation:: 


Applique le mode Produit ou Superposition selon la couleur d'origine de la photographie. Les 
couleurs ou les motifs sont superposés aux pixels existants, mais les zones claires et sombres 
de la couleur de base sont conservées. Cette dernière n'est pas remplacée mais mélangée à la 

couleur de dessin pour conserver la luminosité de la couleur d'origine. 


::Mode Lumière Tamisée:: 


Éclaircit ou assombrit les couleurs, en fonction de la couleur de dessin. L'effet revient à 
éclaircir l'image avec une lumière diffuse. Si la couleur de dessin (source lumineuse) contient 
moins de 50% de gris, l'image est éclaircie, comme si on lui avait appliqué l'outil Densité -. 
En revanche, si la couleur de dessin contient plus de 50% de gris, l'image est assombrie 
comme si on lui avait appliqué l'outil Densité +. L'utilisation de blanc ou de noir pur donne 
une zone nettement plus sombre ou plus claire, mais ne produit pas un blanc ou un noir pur. 
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::Mode Lumière Crue:: 


Applique le mode Produit ou Superposition, en fonction de la couleur de dessin. L'effet 
revient à éclairer l'image avec une lumière crue. Si la couleur de dessin (source lumineuse) 
contient moins de 50% de gris, l'image est éclaircit comme si on lui avait appliqué le mode 
Superposition. S1 la couleur de dessin contient plus de 50% de gris, l'image est assombrie 
comme si on lui avait appliqué le mode Produit. Ce mode est donc utile pour éclaircir ou 
obscurcir une image. L'utilisation de noir ou de blanc pur donne du noir ou du blanc pur. 


::Mode Densité -:: 


Eclaircit la couleur de base de la photographie en fonction de la couleur de dessin. 
L'utilisation du noir comme couleur de dessin ne produit aucun effet. 


::Mode Densité +:: 


Assombrit la couleur de base de la photographie en fonction de la couleur de dessin. 
L'utilisation de blanc comme couleur de dessin ne produit aucun effet. 


::Mode Obscurcir:: 


Sélectionne la couleur de base de la photographie ou de dessin la plus sombre pour produire la 
couleur finale. Les pixels plus clairs que la couleur de dessin sont remplacés, tandis que ceux 
qui sont plus sombres restent inchangés. 


::Mode Eclaircir:: 


Sélectionne la couleur de base de la photographie ou de dessin la plus claire des deux pour 
produire la couleur finale. Les pixels plus foncés que la couleur de dessin sont remplacés, 
tandis que ceux qui sont plus clairs restent inchangés. 


::Mode Différence:: 


Soustrait la couleur de dessin ou la couleur de base de la photographie ou vice versa, selon 
celle qui présente la luminosité la plus élevée. L'utilisation du blanc inverse les valeurs de la 
couleur de base, celle du noir ne produit aucun changement. 


:Mode Exclusion:: 

Crée un effet similaire bien que plus faible que le mode Différence. L'utilisation du blanc 
inverse les valeurs colorimétriques de la couleur de base, tandis que le noir ne produit aucun 
changement. 


::Mode Teinte:: 


Crée une couleur résultante en associant la luminance et la saturation de la couleur de base de 
la photographie à la teinte de la couleur de dessin. 


::Mode Saturation:: 


Adobe Photoshop 55/577 


Vincent ISOZ Sciences.ch 


Crée une couleur finale en associant la luminance et la teinte de la couleur de base de la 
photographie à la saturation de la couleur de dessin. Si vous dessinez dans ce mode dans une 
zone présentant une saturation nulle (grise), 11 n'y a aucun changement. 


:Mode Couleur:: 


Crée une couleur résultante en associant la luminance de la couleur de base de la photographie 
à la saturation et la teinte de la couleur de dessin. Les niveaux de gris sont conservés ; ce 
mode est utile pour colorer des images monochromes ou pour teinter des images en couleur. 


::Mode Luminosité:: 


Crée une couleur finale en associant la saturation et la teinte de la couleur de base de la 
photographie à la luminance de la couleur de dessin. Ce mode produit l'effet inverse du mode 
Couleur. 
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Nouveautés des versions 


Il m'a toujours été difficile de trouver un listing complet des nouveautés d'Adobe Photoshop 
pouvant être importantes pour les utilisateurs dans les entreprises. Raison pour laquelle j'ai 
décidé depuis la CS (malheureusement pas avant car je n'en avais pas eu l'idée). 


Donc au cas où cela pourrait servir à quelqu'un et à la demande des mes clients voici une liste 
(et si vous souhaitez me communiquer un oubli important n'hésitez pas!): 


Photoshop 7 


- Réglage de la visibilité de Fond dans la palette des calques (masque l'élément 
principal pour ne laisser que l'effet fx) 


Photoshop CS 
- Nouvel Outil anti-yeux rouges 
- Nouvel Outil Pièce 
- Nouvel Outil Correcteur 
- Nouvel Outil Tampon de motif 
- Nouvel Outil Gomme 
- Nouveau Outil Gomme magique 
- Nouvelle Palette de composition de calques 
- Gestion des effets de fusion après application 
- Mode épreuvage (pour éviter de passer une image RVB en CMJN) 


- Nouveau format pour fichiers volumineux PSB 


Photoshop CS2 


- Sélection de calques multiples avec la touche Shift 


- Suppression d'une partie de sélection lors de l'utilisation du lasso (maintenue) en 
restant appuyé sur la touche Del 


- Nouvel Outil Correcteur de tons directs 

- __ Nouveau pinceau de remplacement de couleurs 

- _ Nouveau comportement de l'outil Anti- Yeux rouges 

- _ Nouveaux espaces de travail par défaut (dont l'affichage des nouveautés) 


- possibilité de masquer des options de menus et de mettre des couleurs aux options 
restantes 


- Nouveau filtre de Flou de forme 
- Nouveau filtre de Flou de Surface 
- Nouveau filtre de Correction de l'objectif 


- Nouveau filtre Point de fuite 
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Nouveau filtre de correction de Distorsion de l'objectif 
Nouveaux modes de création de perspectives 
Nouveau filtre de Netteté optimisée dans le groupe "renforcement" 


Nouveau algorithmes de rééchantillonnage (dans boîte de dialogue Taille Image) 


Photoshop CS3 


Nouvelle interface 

Nouvel Outil de sélection rapide 

Outil recadrage (rognage) avec option de recadrer en déformation de type perspective 
Nouvel outil de déformation (Edition/Transformation/Déformation) 


ES 


Filtres dynamiques (en convertissant le calque à retoucher en calque de filtre 
dynamique) 


Nouveau calque de réglage Noir et Blanc 

Nouvel outil Contour Amélioré dans la barre d'outils supérieure (lors d'une sélection) 
Nouvel outil d'export d'image pour le web Zommify 

Gestion du HDR (High Dynamics Range) pour les images 32 bits 

Mise en évidence en couleurs d'options à choix dans les menus (ou des nouveautés...) 
Création d'images pour les téléphones portables (Fichier/Device Central) 


Création d'un nouveau calque automatique lorsque déplacement d'un objet sélectionné 
avec l'outil déplacement Alt+Clic droit 


Nouvel outil d'alignement des calques 
Nouvelle fonction de fusion de calques lors de création de panoramas 
Nouvelle palette Source de Duplication (pour l'Outil Tampon) 


Création d'animations avancées image par image avec les calques vidéos (avec version 
Extended) 


Photoshop CS4 


Nouvelle option "Toutes les commandes" en bas des menus incomplets 
Nouvelle palette d'ajustement des couleurs 

Nouvelle palette de gestion des masques 

Nouvel outil de redimensionnement sur le principe du liquid resize 


Disparition du Filtre Extraire (à installer soi-même) et du Filtre Pattern et des 
Automations de Galeries d'images. 


Photoshop CSS 


Remplissage avec option "Content Aware" 
Palette Mini-Bride pour parcourir les dossiers/disques 


Améliorations importantes des algorithmes du panneau amélioration de contours 
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- Prise en compte de la taille des poils de pinceaux et de l'inclinaison 

- Simulation de mélange de couleurs de peinture 

-  Reconnaissances des paramètres EXIF de l'appareil photo pour la Correction de 
l'objectif 

- Nouveaux réglages HDR 

- Création de textes 3D avec la version Extended 

- _ Déformation PuppetWarp (marionette) 


- Disponibilité des styles de textes et paragraphes 


Photoshop CS6 
- Outil Pièce avec nouvelle option "Content Aware” 
- Nouvel Outil de déplacement basé sur le contenu ("Content Aware") 
- Styles de paragraphes et de textes 
- Gestion des tablettes sensibles à la pression ET à l'inclinaison. 
- __Remplissage de motifs avec options d'applications par scripts 
-  Recadrage avec option de niveau à bulle 


- Nouvel Outil de Recadrage en perspective (il s'agit en fait d'un ancien outil qui a été 
mis en évidence) 


- Nouveaux filtres pour le flou et de la correction de lentilles 


- Modification du texte 3D sans recommencer tout à zéro 


Photoshop CC 
- Filtre réduction de mouvement (Camera Shake Reduction) 
- Filtre netteté optimisé 


- Disparition de Photoshop Extended et intégration des fonctionnalités dans la version 
de base (donc les options 3D) 


- Forme vectorielle avec coins arrondis 
- Sélection de formes et tracés multiples 
- Actions conditionnelles pour les scripts 


- Outil d'extraction des fichiers 


Enfin, pour clore cette liste et avoir un peu de culture générale voici un petit tableau sur 
l'histoire d'Adobe Photoshop: 


Version Plate-forme Date de commercialisation 
1.0 Mac OS février 1990 
2.0 Mac OS juin 1991 
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Version Plate-forme Date de commercialisation 


novembre 1994 
LS E. 
Windows, IRIX 


novembre 1996 


Mac OS, Windows SR 


Adobe Photoshop 40 


Mac OS, Windows 


SRIEEbE en 


Mac OS, Windows 
Adobe Photoshopen 


Mac OS, Windows 


Mac OS, Windows 


CS2 (9.0) | Mac OS, Windows | avril 2005 
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Version Plate-forme Date de commercialisation 


CS3 (10.0) Mac OS, Windows 
fin octobre 2008 
CS4 (11.0) Mac OS, Windows 


12 avril 2010 
CSS (12.0) Mac OS, Windows 

23 avril 2012 
CS6 (13.0) Mac OS, Windows | 


avec l'évolution des icônes du logiciel en cadeau ;-) : 
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Adobe Photoshop 


D 


Photoshop fa 


CUS TQIUACQUES Photoshop 0.87 Master Photoshop 2.0.1 


l 


Photoshop 3.0 Photoshop 4.0.1 Photoshop 5.0 Photoshop 6.0 


Photoshop CS3 


Photoshop CS6 Photoshop CC 


Photoshop 1.0.7 


Photoshop 7.0 Photoshop CS Photoshop CS2 


Photoshop CS4 


Photoshop CSS 


A 


Adobe 
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Does and don'ts 


Une liste de trucs qu'actuellement Adobe Photoshop ne fait pas encore et qui sont parfois 
demandés par les utilisateurs: 


- On ne peut pas coller une sélection dans un calque existant non vide (le copier/coller crée 
toujours de nouveaux calques si le calque de destination n'est pas vide) 


- On ne peut pas changer la teinte ou la saturation des couleurs d'une zone désaturée ou 
autrement dit: grise (...dont les niveaux de Rouge, Vert et Bleu sont égaux quoi..….). 


- On ne peut pas détourer tout et n'importe quoi forcément en moins de 10 minutes. Il faut 
parfois plusieurs heures ou jours de travail! 


- On ne peut pas changer les paramètres de visualisation (épaisseur/couleur) d'un tracé en 
cours à la Plume. 
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Exercice 1. 


Les images en caillou de l'époque romaine (mosaiqum) était construits à partir de pixellus (ce 
n'est pas une blague!): carreaux en terre cuite et émaillés qui étaient alignés et coloriés. Avec 
le temps il y avait tellement de pixels de couleurs qu'il fallait les numéroter. C'était les 
premières "numeris mosaiqum”. 


Aujourd'hui le principe est toujours le même. Effectivement, ouvrez l'image ci-dessous: 


Joconde.jpg 


et zoomez (Ctrl+Espace+Clic gauche quelque soit l'outil activé) en n'importe quel point de 
la joconde: 
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Nous voyons alors nettement les pixels et pouvons identifier la couleur de chacun en activant 
l'Outil Pipette 2 : et en cliquant sur un pixel et en observant ensuite le sélecteur de couleur 


S1 l'on fait un double clic sur le sélecteur, la palette s'ouvrira avec la couleur respective et le 
niveau de luminosité allant de 0 à 255 pour la partie RVB: 


Sélecteur de couleurs . x| 


Couleur de premier plan : LL: 1 


âännuler | 
Personnalisé | 


= + 
CE 57 | Cu 
+ EN «+ EM 
CRAN 126 C4 Ge 
Cao | MAfs2 
«+ EM dife2 


. Le 
# [Esas6 5 D 


PF Couleurs Web uniquement 


Pour en revenir à nos pixels... un appareil photo numérique haut de gamme au début des 
années 2000 fait 1500 x 2000 pixels, soit 3 millions de pixels. 


Le fait qu'une image fasse X pixels par Ÿ est appelé la définition, ce qui n'est pas la même 
chose que la résolution (nombre de pixels pour un pouce: 2.54 cm), ni la même chose que la 
dimension (largeur + hauteur en centimètres). 


Au temps des romains, en fonction de la mosaicus qui devait être réalisée et de la distance 
moyenne à laquelle elle a été observée, les commanditaires précisaient la résolution. C'est-à- 
dire le nombre de pixels sur une certaine unité de longueur (la coudée à l'époque romaine...), 
soit: ce qui donnait bien évidemment la taille d'un pixel. 


Une image pour l'impression aura pour une distance de 30 centimètres aura une résolution 
type de 252 pixels par pouce (voir le tableau concernant le choix des meilleures résolutions 
présenté plus haut dans la partie théorique). Ce qui signifie que chaque pixel fera (fortis 
resolutio): 


en ce qui concerne le web pour lequel on prend une résolution de 72 pixels par pouce (flebilis 
resolutio): 
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Par exemple, les appareils photos numériques d'entrée de gamme avaient une définition de 
800 par 600 pixels avec une résolution de 72 dpi (dot per inch) en 2000 alors que ceux 
d'entrée de gamme en 2009 avaient une définition de 2592 par 1944 pixels (5 millions de 
pixels) avec une résolution de 72 dpi. 


Donc ce qui a aujourd'hui une influence sur la qualité d'un appareil photo, ce sont les 
dimensions du capteur CCD puisque la résolution est restée fixe! Donc tout dépend du 
document de sortie (document, poster ou publicité géante). 


Retournons à notre Joconde et allez dans Image/Taille de l'image: 


[em ____ 
[em 


pixels/pouce | 


[Bicubique ml 


Déjà nous voyons que la définition est faible ainsi que la résolution. Passons cette image 
d'abord à la taille qui nous convient (carte postale): 


EE | 
EE | 


pixels/pouce |) 


MWMETElES STI SNIIÉCHEIE 
L_| 
[4 Bicubique nl 


Ensuite, passez l'image à 1200 dpi: 
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x 
— Dimensions de pixel : 95.8M 


Largeur : [4724 [pres El Annuler | 
Heuteune [7067 [res [xl auto. | 

— Taille du document : 
Largeur : ho | [em x 
Hauteuronl 15 em x 
Résolution : [200 [oxels/pouce El 


Mmretrele- ce cllecHele 
F Conserver les proportions 


F Rééchantilonnage : [ Bicubique -] 


Le mieux pour voir la différence est d'imprimer... Cependant faisons cela avec un cas simple. 
Créez une image (Ctrl+N) avec les paramètres suivants: 


Nom : ComprendreResolution| 


Paramètre prédéfini : Presse-papiers ännuler 


Largeur : 712 pixels Enregistrer le paramètre prédéfini….. 


Hauteur : 313 pixels Supprimer le paramètre prédéfini….. 


Résolution : 96.012 pixels/pouce 


Mode colorimétrique : Couleurs RvB v  Bbits 
Taille de l'image : 


652,9 Ko 


Contenu de l'arrière-plan : Blanc 


Y) Avancé 


Vous aurez alors: 
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Qui a donc logique les dimensions de 2.54 par 2.54 comme vous pourrez l'observer en allant 


dans le menu Image/Taille de l'image: 


Dimensions de pixel : 300 octets (avant: 300 oct. 


Largeur : 10 pixels + Jo 


Hauteur : 10 pixels v 


Taile du document : 


Largeur : 2.54 + 
——-S ]s 
R 2 


Hauteur : 2,54 cm 
Résolution : 10 pixels/pouce + 


Mettre les styles à l'échelle 
Conserver les proportions 


WiRééchantilonnage :  Bicubique 


Maintenant, avec l'Outil Crayon en noir avec avec un rayon de 1 pixel dessinez une 
diagonale comme ci-dessous (elle fera obligatoirement 10 pixels): 
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Maintenant, retournez dans Image/Taille de l'image et donnez le double des dimensions 
d'origine. Vous aurez alors: 


— Dimensions de pixel : 1,17 Ko (avant: 300 octets) 
Largeur : 20 pixels v 4 


Hauteur : 20 pixels 


— Taille du document : 
Largeur : 5.08 


Hauteur : 5.08 cm 


Résolution : 10 pixels/pouce 


Mettre les styles à l'échelle 
Conserver les proportions 


Rééchantilonnage :  Bicubique 


En remarquant que le Rééchantillonnage est en Bicubique, validez par OK. Vous aurez 
alors: 
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Maintenant annulez cetter dernière action (Ctrl+Z) et refaites la manipulation mais en 
changeant le rééchantillonage sur Au plus proche. Vous aurez alors: 


On peut alors penser que Au plus proche est le meilleur choix. Mais ce n'est pas le cas avec 
des images (photos) complexes et surtout sur les bords des objets dans les photos (essayez 
vous verrez!). 
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Et ainsi de suite (on fait des essai successifs pour voir les différences). 
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Exercice 2. 


Ouvrez l'image: 


F oret.jpg 


Sciences.ch 


Elle fait 1024x768 car prévue pour être utilisée en fond d'écrans pour les ordinateurs ayant 


cette définition d'écran: 


x 
Dimensions de pixel : 2,25M 


Largeur : [1024 [okes x] Je Annuler | 
Hauteuii[768  [ies x] auto... 
Taile du document : 
Largeur : [3612 [em x 
Hauteur : [27.09 [cm | J: 
Résalution[72  [pxek/pouce x] 


F Mettre les styles à l'échelle 
FN Conserver les proportions 


F Rééchantilonnage : | Bicubique >| 


Nous souhaiterions cependant l'adapter afin qu'elle reste en 1024x768 mais qu'elle s'imprime 


à un format le plus proche de celui d'une carte postale: 
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[n___ 4 


[Bicubique [fl 


S 


L'astuce consiste donc à redimensionner en décochant Rééchantillonage ce qui a bien 
évidemment pour effet de changer la résolution. 


Par ailleurs vous pouvez vérifier le résultat en imprimant l'image avant et après la 
modification (la définition n'aura pas changée mais la taille réelle oui!). Vous remarquerez 
aussi que la taille physique de l'image n'a pas changé (ce qui est logique puisque le nombre de 
pixels n'a pas changé!). 


Enfin, souvenez vous que c'est la dimension que vous obtenez dans MS Office Word, 
Excel et PowerPoint et après un copier/coller depuis Adobe Photoshop et pas autre 
chose!! Prenez garde par contre lors du Collage Spécial de choisir l'option marquée ci- 
dessous: 


ON Adobe Photoshop Image Object 
BPEStE lin Picture {Windows Metafile) 
ÆFicture (Enhanced Metafile) Mes 
Device Independent Bitmap Disola 25 icon 


Bitmap 


sinon quoi les dimensions ne seront pas préservées dans certains logiciels de la suite 
MS Office. 


Adobe Photoshop 731577 


Vincent ISOZ Sciences.ch 


Exercice 3. 


Créez un nouveau fichier en 500 x 500 pixels, 72 dpi mode RVB fond transparent. Créez-y 
trois calques et dessinez sur chacun des calques un cercle en utilisant soit l'Outil Ellipse de 
Sélection soit avec l'Outil Ellipse en maintenant la touche Alt du clavier de couleur 
respective: 


Rouge (255,0,0), Vert (0,255,0), Bleu (0,0,255) 


Lorsque vous utilisez 
l'Outil Ellipse soyez 
en mode "pixels de 
remplissage" 


“| à Suaoo\&- 


en a 


Remarque: Pour déplacer une sélection créée avec l'Outil Ellipse de sélection allez 
simplement au milieu de la forme avec la souris (sans changer d'outil!) et effectuez un clic 
gauche en son centre. 


Mettez les trois calques en mode Eclaircir: 


El Sans titre-1 @ 100% (Calque 4,RYB) 


(e] 5 100 150 


Sans titre-1 @ 100% (Calque 4,RYB) 


3 
È 


Nous voyons ici le fonctionnement du mode RVB dont nous avions parlé lors de notre étude 
élémentaire de la théorie de la couleur. 


Créez maintenant une image identique en mode CMIJN et dessinez les trois cercles sur trois 
calques différentes: Cyan (100,0,0,0), Magenta (0,100,0,0), Jaune (0,0,100,0). 


Mettez les trois calques en mode Produit: 
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| & Sans titre-3 @ 100% (Calque 1,CMIN) 


Aplatissez l'image (Menu de la palette Calques et Aplatir image) et avec l'Outil Pipette 2 :, 
vérifiez la valeur du noir. Ensuite, remplissez la partie centrale avec un "vrai" noir CMIN 
(0,0,0,100). 


Remarque: 


Les modes de fusion de calques constituent un outil puissant dont on aurait tort de se priver. 
Ils offrent la capacité de réaliser des effets spéciaux en tout genre: rayons X, flammes, 
explosion, éclaires, néons, halos, lave en fusion... Une seule règle en la matière: expérimenter 
au hasard. 


Combinez les effets en superposant des calques en modes différents, intervertissez l'ordre des 


calques, variez leur opacité, utilisez des copies d'un même calque ou au contraire des sources, 
taches de couleur, dégradés ou photographies, tout est permis !! 
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Exercice 4. 


Le but va être d'apprendre à manipuler les sélections avec précision, la base des calques et les 
couleurs Pantone(c) en reproduisant le drapeau suisse en respectant une partie de la loi Suisse 
seulement (car on ne va pas non plus perdre trop de temps à faire cet exercice) et qui est: 


Définition de la couleur rouge: 
CMYK 0 / 100 /100/0 
Pantone 485 Cs/ 485 U 

RGB 255/0/0 

Hexadécimal #FF0000 
Scotchcal 100 -13 

RAL 3020 rouge signalisation 


Créez une image avec les paramètres suivants: 


Nom : Sans titre-1 
Paramètre prédéfini : Personnalisé ännuler 
Largeur : 60 cm Enregistrer le paramètre prédéfini… 


Hauteur : 60 em Supprimer le paramètre prédéfini.. 


Résolution : 72 pixels/pouce 


Mode colorimétrique : Couleurs CMJN v  Bbits 
Taille de l'image : 


Contenu de l'arrière-plan : 
11.0M 


Y) Avancé 


et enregistrez-le sous le nom DrapeauSuisse.psd. 


Ensuite, créez les trois calques suivants: 
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Calques 


Normal  Opacité: | 100% |» 


Verrou: [] Z + @ Fond : | 1009 |» 


S|# Fi] Horizontal 
[ : F] Vertical 


, © © ©. 4 % 


Sciences.ch 


Avec l'outil Pot de Peinture à, prenez dans le sélecteur de couleurs en double cliquant sur 


ll 
le noir “1: 


| Sélecteur de couleu 


Couleur de premier plan : 


Couleurs Web uniquement 


en ensuite en cliquant sur le bouton Personnalisé: 
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Nuancier : PANTONE® solid uncoated 


PANTONE 483 U , Sélecteur 


PANTONE 454 LI 


PANTONE 486 U 


PANTONE 487 LU : 
Saisissez un nom de couleur 


pour le sélectionner dans 
PANTONE 488 LU la liste des couleurs. 


PANTONE 489 U 


Calques 


Norrnal  Opacité : | 100% » 


verrou: [] ÿ + @ Fond : | 100% |» 


Fr] Horizontal 
Fr] Vertical 


Remplissez le calque Horizontal de blanc et prenez ensuite l'Outil Rectangle de sélection 
et faites un rectangle un peu au hasard dans le calque Horizontal: 
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Sciences.ch 


Calques 


Normal + Cpacité : 


Fond : 


verrou: [] + @ 


L# EH Horizontal 


[ Fr] Vertical 


9. Q = ©. 4 % 


Ensuite, dans le menu EÉdition/Transformation manuelle et vous aurez alors dans la barre 


supérieur de Photoshop: 


ETF X: 8100px À Y: 8445px 


Mettez-y la configuration suivante: 


ÉTÉ X: 30cm 


Vous aurez alors: 


À Y: 30cm 


Di L: 624.0 px H: 100.0% 


36 cm H: 12cm 


Bi L: 


Calques » 


v Opacité : | 100% »] 
Fond : | 100% æ] 


Normal 


Verrou: [] Z + @ 


# EH Horizontal 
ml Fe] Vertical 


9. ©) n ©. à à 


Allez ensuite dans le menu Sélection/Intervertir et faites un Delete sur le clavier. Vous aurez 


alors: 


Adobe Photoshop 


19511 


Vincent ISOZ Sciences.ch 


F] Vertical 
I 


Procédez alors avec la même philosophie tout seul cette-fois ci mais pour la bande verticale. 
Cela vous aménera au résultat trivial suivant: 
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T9 Sans titre-1 @ 33.3% (Vertical, CMIN/8) 


bo) 0)(sEs) 


Nine 


» 


Calques 


Normal v Opacité: 100% |» 


verrou: [] Z + @ Fond : | 1003 |» 


@. © = ©. à à 
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Exercice 5. 


Quand on double clique sur le sélecteur de couleur: 


Eu 
Li 


La boîte de dialogue suivante apparaît: 


Sélecteur de couleurs 


X| 
Couleur de premier plan : Lx _] 
âännuler | 


&] TS 
Personnalisé | 
O 


CN (el EN PTE 
Co Ces | 
CHNE7 GeCbifas 
CRI 22 Cif13 6 
CM 41 Mic 
CBifai Jif[e2 
6 Dé[DE2029 N:[3 


F Couleurs Web uniquement 


Si on clique sur le bouton Personnalisé, il est possible de choisir des tons directs comme les 
fameuses couleurs Pantones: 


Couleurs personnalisées p«<| 


Nuancier : | PANTONE® solid matte -| Lx | 
Annuler | 
Sélecteur | 


PANTONE 483 M 


© 


PANTONE 484 M 


PANTONE 485 M 
PANTONE 436 M 


PANTONE 487 M . 
Saisissez un nom de couleur 


pour le sélectionner dans 
la liste des couleurs, 


PANTONE 488 M 


PANTONE 483 M 
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Sinon pour en revenir au Sélecteur, quand vous êtes dedans et vous allez ensuite dans le 
menu Affichage/Couleurs non imprimables vous aurez pour certaines gammes, les couleurs 
non disponibles (en gris) dans le spectre CMJN par rapport au RVB: 


Sélecteur de couleurs _x| 


Couleur de premier plan : 
D ame | 
0 Annuler 

© — 
n Personnalisé | 
Co 267 MCE | 
Csuf40 5 où EE 
CANCS Bob 44 
CRAN 104 ci[36 
CN 148 | Mél44 
CB 240 do % 
#[c29479 Nafo 


F Couleurs Web uniquement 


Par ailleurs, lorsqu'on sélectionne un couleur du spectre RVB non existant dans le spectre 
CMIN le symbole suivant apparaît près de la couleur: 


A 
O 


Si vous choisissez une couleur non disponible dans les Couleurs Web uniquement (donc en 
dehors de cette gamme) vous aurez alors le symbole suivant qui apparaîtra: 


wo 
(n) 
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Exercice 6. 


Nous allons voir ici comment mettre en pratique de manière simple les profils ICC 
(International Color Consortium) dont votre formateur vous aura parlé en début de cours et 
qui est relatif soit à l'impression, soit au réglage de votre écran. 


Voici par exemple à gauche la photo d'un écran qu'un client n'avait pas étalonné (ce qui l'a 
obligé à recorriger des centaines d'images après coup...): 


et la même image après étalonnage de l'écran: 


comme quoi le fait que client corrigeait les couleurs sur son ordinateur avait en réalité pour 
effet de la dérégler sur des ordinateurs dont l'écran était mieux réglé... 
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D'abord il est bon d'aller sur internet télécharger les dernières versions des profils ICC de 
l'European Color Initiative à l'adresse: http://www.eci.org dans la partie Offset de la page 
web. 


Vous y trouverez (vers le milieu de la page) un fichier zip avec les profils ICC CMIN les plus 
courants: 


Offset profiles 
'eci Offset 2009:zip 15709 KB 2009-05-29 


Dézippez après le téléchargement ce dossier qui contient des fichiers ICC et PDF explicatifs 
sur votre disque local. 


Ouvrez d'abord l'image suivante qui est en RVB/8 comportant déjà le profil d'écran ICC 
Adobe RGB 1998: 


Bedouin.jpg 


Allez ensuite dans le menu Affichage et activez Couleur de l'épreuve pour simuler une 
impression CMNIJ en quadrichromie. Cela va nettement changer les tons de l'image (avant à 
gauche, après à droite sur mon écran...): 
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Allez ensuite dans Editions/Couleurs.. et activez le Mode avancé: 


Gi 
- Paramètres : Personnalisés “| 


M Mode avancé 


— Espaces de travail Annuler | 


RYB : [Adobe RGE (1998) ns 

CMUN : JEuroscale Costed v2 x __ Charger. | 
Gris {Dot Gain 15% El Enregistrer. | 

Ton direct : [Dot Gain 188 
FN perçu 
— Règles de gestion des couleurs 

RYB : [Conversion en RVB x 

CRUN » Conversion en CMIN = 
Gris hÂDésactivées ml 


Profils non-concordants : [f Choix à l'ouverture [7 Choix au collage 
Profils manquants : [M Choix à l'ouverture 


— Options de conversion 


Moteur : [adobe (ACE) | 
Mode : [Perceptive +] 


MN ävec compensation du point noir [ Simulation (images 8 bits/couche) 


— Options avancées 
PF Désaturer les couleurs du moniteur de : | 20 % 
F Fusionner les couleurs RVB avec le gamma : | 1.00 


Description 


Déjà un premier réflexe à avoir est de cocher les deux cases (si ce n'est pas déjà le cas): 


Profils non-concordants : [M Choix à l'ouverture 
Profils manquants : [N° Choix à l'ouverture 
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Ainsi, quand vous ouvrirez à l'avenir une image dont le profil ICC est manquant ou dont le 
profil ICC est non-concordant avec celui de l'espace de travail de Photoshop, vous aurez alors 
lors de l'ouverture d'une image le message suivant: 


Non-concordance des profils incorporés _X| 


Le document “Bédouin.jpg” contient un profil colorimétrique intégré 
qui ne correspond pas à l'espace de travail RYB actuel. 


Incorporé : SRGB IEC61966-2,1 
Espace de travail: Adobe RGB (1998) 


Comment voulez-vous procéder ? 
© Préférer le profil incorporé (à l'espace de travail) 
© Convertir les couleurs du document selon l'espace de travail 
© Supprimer le profil incorporé (pas de gestion des couleurs) 


Annuler __| 


Le choix dépend ensuite des besoins. 


Pour en revenir à notre Profil ICC CMJN, rappelons nous souhaiterions pouvoir simuler les 
couleurs d'impression (couleurs d'épreuve) téléchargées du site de l'ECI. 


Donc allez dans la partie Espace de travail et dans le champ CMIJN choisissez l'option 
Charger: 


CMIN : (Euroscale Coated v2 E3 


&ris : ICMUN personnalisé. 
SE 


Pate Charger CMIN... 


Enregistrer en CMIN... 


Fanbal EVER A97T TC AC ATA TI DONAN 


et allez chercher le profil (choix complètement arbitraire pour cet exercice): 


LA] PSO_Uncoated_NPscreen_1S1 
2] SC_paper_eci.icc 


Vous validez et vous aurez: 


RVE : Adobe RGB (1998) = 
CMIN : [SC paper (ECI) is 
lvie à Fr fsim 170 LA 1 


et vous verrez que la couleur change automatiquement sur l'image derrière (puisque Aperçu 
est coché par défaut!). Vous pouvez vous amuser à changer de profils CMIJN très vite dans la 
liste déroulant pour voir les variations… 
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Sinon pour attribuer un profil à une image itinérante... (échangée entre graphistes et clients) il 
faut aller dans Photoshop CS et antérieur dans Image/Mode/Attribuer un profil..…: 


Attribuer un profil x 
âttribution d'un profil : Lx _] 


Non 


CRE de travail : Adobe RGB (1998) ___annuker | 
© Profil: | Apple RGB || M âpercu 


ou dans Photoshop CS2 et ultérieur dans Edition/Attribuer un profil... Il ne faudra pas 
oublier que vous enregistrerez l'image en *.PSD (Fichier/Enregistrer Sous) d'activer la case à 
cocher Profil ICC: …….: 


Enregistrer dans : B Exercices G æ E? (iv 


# 


ju | Nom Date Type Taille Mots-clés 


= à ColoriagesCr… 11.05.2013 0. Dossier de … 
ner dHor 19.05.2013 2. Dossier de … 
dicc 1105.20130. Dossier de … 

| a ) Panorama 11.05.2013 0. Dossier de … 

à ParquetVerd. 11.05.2013 L. Dossier de … 

Biremi pm" Tatoo 11.05.2013 0. Dossier de … 

à Textures 11.05.2013 L. Dossier de … 

" Wodoo 11.05.2013 0. Dossier de … 

: “ÆImpression.p… 15.03.2010 L… Adobe Ph... 49"400 Ko 
“ÆLayerComp…. 17.1120110. Adobe Ph... 5'013 Ko 
“ÆLayoutSite.psd 26.10.2003 L… Adobe Ph... 410 Ko 
Le “2 Pathfinder.psd 02.02.2010 L. Adobe Ph... 75 Ko 
2 Planete.psd 07.02.2010 2. Adobe Ph... 14159 Ko 
F4 Snhere ned 11012000 1 Adahe Ph 243Ka 


Nom du fichier : Bedouin.psd % 
a Format : {Photoshop (.PSD*.PDD] = | Annuler | 


Options d'enregistrement 
Enregistrer : (]En tant que copie ännotations 
Couches alpha Tons directs 


Bibliothèques 


Ordinateur 


Calques 


Couleur : Format d'épreuve : Espace CMIN 
“|Profil ICC : Apple RGB 


Aperçu Extension de fichier en minuscules 


Voilà pour résumer en gros. en ce qui concerne les bases de la gestion des couleurs. 


Enfin, pour terminer. Une image ouverte dans Adobe Photoshop n'ayant pas de profil 
colorimétrique associé et reconnaissable car dans sa barre de titre car contient le symbole #: 


Fa Bédouin.ipg @ 100% (RVB/8#) 
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S1 l'image ouverte a un profil colorimétrique différent de celui de l'espace de travail, la barre 
de titre comprendra une petite *: 


FA Bédouin.ipg @ 100% (RVB/8°) 


Remarque: Bien évidemment il faut que l'écran soit aussi lui bien calibré (avec une sonde 
Spyder par exemple et une luminosité tournant autour des 90 cd/m°). S'il est trop lumineux les 
couleurs vous paraîtront sombre à l'impression alors qu'au fait c'était votre écran qui n'était 
pas correctement réglé. 
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Exercice 7. 


Depuis Photoshop CS3 il existe un nouvel outil que les polygraphes utilisent quelques fois 
pour analyser les couleurs d'une image dans un mode colorimétrique particulier. 


2 + 
Il s'agit de l'Outil Echantillonage de couleurs # . qui est associé à une palette comprenant 
les échantillons analysés. 


Pour utiliser cet outil 1l suffit d'abord d'ouvrir une image quelconque à analyser et ensuite de 
définir dans la barre d'outils la taille de l'échantillonnage (par défaut Adobe Photoshop fait 
une moyenne des couleurs d'un carré de 5x5 pixels...) 


Enfin, cliquez sur différents points de l'image à analyser et si vous souhaitez changer le type 
de colorimétrie d'un point ou en supprimer un, faites simplement un clic droit dessus: 


Informations À 


Supprimer 


Couleurs réelles 
Couleur d'épreuve 


Niveaux de gris 
Couleurs RYB 
Couleurs Web 
Couleurs TSL 
Couleurs CMIN 
Couleurs Lab Echantillonnage de couleur 


1 pixel(s) = 1,0000 pixel(s) 


Niveaux de gris 16 bits 
RYE 16 bits 

CMIM 16 bits 

Lab 16 bits 


Encrage total 


RVE sans description (8bpc) Ipl« > 
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Exercice 8. 


Le but de cet exercice est de comprendre l'histogramme des couches alphas dans le cadre d'un 
système de couleur donné (on prendra le CMJN pour l'exemple) lorsque l'on travaille sur la 
teinte, la saturation et la luminosité. Globalement cet exercices est très important pour la 
bonne compréhension d'un grand nombre d'outils dans Photoshop et aussi accessoirement 
pour comprendre certaines choses dans CameraRAW. 


Pour voir cela ouvrez l'image suivante: 


Canard.jpg 


Pour l'exemple, nous allons rester en RVB (sinon mon écran n'est pas assez grand pour faire 
une capture d'écran complète de l'outil qui va nous intéresser). Ensuite, activez la palette 
Histogramme et ouvrez son menu: 


Histogramme 


Ancrer au conteneur de palettes 


AjSualises les donnees hors mémoire cache 


Affichage réduit 
Affichage agrandi 


Affichage de toutes les couches 


Afficher les statistiques 


Afficher les couches en couleurs 


Activez les options Affichage agrandi et Affichage de toutes les couches: 
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Histogramme » 


TL Canard.jpg @ 100% (RVB/8*) 


Couche : RVE + + 


Image entière 
Moyenne : 185,83 Niveau : 
Ecart type : 98,14 Nombre : 
Médiane : 246 %% plus sombre : 

Pixels : 273000 Niveau de cache : 1 

Rouge 


Et dans les options du menu de la palette activez (car c'est plus sympa pour la suite) l'option 
Afficher toutes les couches en couleur: 
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Couche : RVB _ Ancrer au conteneur de palettes 
Actualiser les données hors mémoire cache 


Affichage réduit 
Affichage agrandi 
| Ÿ | Affichage de toutes les couches 


Source : [Image entière LU | 


[| Afficher les statistiques 


Moyenne : 185,83 Niveau : = 
Ecart type : 98.14 Hombre | Afficher fes couches en couleurs 
Médiane : 246 % plus sombre : 
Pixels : 273000 Niveau de cache : 1 
Rouge 


Vous aurez alors: 
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Histogramme 


» 
Couche : RYB Æ 9 


Source | [Image entière | 

Moyenne : 185,83 Niveau : 

Ecart type: 98,14 Nombre : 
Médiane : 246 % plus sombre : 


Pixels : 273000 Niveau de cache : 1 


Maintenant, allez dans Image/Réglages/Teinte/Saturation: 
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; "| 
Re TN | ER 
11 Ci dJpg @ DEEE ul Histogramme » 
Couche : RYE = Fe] 
Image entière + 
Moyenne : 185.69 Niveau : 
Ecart type : 98,13 Nombre : 
Médiane : 246 % plus sombre : 
Pixels : 273000 Niveau de cache : 1 
Rouge 


Teinte : 


Saturation : 


— Modifier : Global 


Luminosité : 


Redéfinir 
V| Aperçu 


Maintenant commençons par le choses élémentaires: 


Eleu 


1. Vous remarquerez qu'en bougant la Luminosité, vous ne faites que de translater 
linéairement le niveau des pixels vers la droite, soit vers la gauche: 
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lol" al 


I EN | [Histogramme 


» 
Couche : RYB + 2 


Source } [Image entière + | 
Moyenne : 109,97 Niveau : 
Ecart type: 58,07 Nombre : 


Médiane : 146 % plus sombre : 
Pixels : 273000 Niveau de cache: 1 
Rouge 


- Modifier : Global 


Teinte : 


Saturation : 
| 5 


Luminosité : 


à 


CTRedéfinir 
#f & Æ (Ml aperçu 
| 
| 


Tous les paramètres (Moyenne, Ecart-Type et Médiane) s'en voient modifiés que ce soit 
globalement ou localement pour une seule couche! Donc jusque là c'est censé! 


2. Passons au deuxième élément trivial à comprendre qui est la Saturation. Celle-ci n'a que 
pour effet d'appliquer une homothétie par rapport au niveau milieu de chaque spectre de façon 
à diminuer (lorsque le curseur est à gauche) ou d'augmenter (lorsque le curseur est à droite) la 
dispersion et donc l'écart-type des spectres. L'augmentation de la dispersion (lorsque le 
curseur est à droite) augmente donc l'écart-type et "illumine" l'image. C'est donc l'effet de 
"saturation". 
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Loan | (= | - 
= | Histogramme 


[# y = 


Couche : Vert + 


Moyenne : 186,55 Niveau : 
Ecart type : 59,26 Nombre : 
Médiane : 160 % plus sombre : 


Pixels : 273000 Niveau de cache : 1 
Rouge 


Bleu : 


- Modifier: Global 


Teinte : 


Saturation : 


Luminosité : 


CIRedéfinir 
(W] perçu 


Nous voyons que la moyenne et la médiane restent presque constantes (du moins il varient 
peu). Mais que l'écart-type varie considérablement. Par contre la chose qui peut surprendre 
dans le cas présent, c'est que si nous augmentons la saturation celle-ci ne varie guère au-delà 
de zéro. Effectivement: 
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le 


= | ES 
29 Canardjpg @ 100% (RVB/8*) DOS x EEE 


Couche : 


Vert + au 


M | 


Image entière 
Moyenne : 203,83 Niveau : 
Ecart type : 54,32 Nombre : 

Médiane : 211 % plus sombre : 
273000 


Pixels : Niveau de cache : 


Rouge 


Teinte/Saturation 


Modifier : Global 


Teinte : 0 EE — 
| Annuler | 


Saturation : | Charger | 


Le) NS | Enregistrer. | 
Luminosité : 


'|Redéfinir 
W| Aperçu 


f Æ Æ 


Pour comprendre pourquoi, il faut se rappeler la synthèse additive du système RVB par 
définition: 


Nous y voyons que le jaune est composé de rouge et de vert. Ainsi, pour faire saturer le jaune 
du canard il faut éliminer le maximum de bleu (on voit dans l'histogramme que le bleu part 
effectivement vers le niveau zéro). Il faudrait également faire aller le vert dans les niveaux 
plus élevés or nous voyons qu'il ne bouge pas, raison pour laquelle le jaune du canard ne 
sature pas. Et a priori, si le vert ne bouge pas c'est parce que le rouge qui est censé bouger 
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avec est déjà au maximum à droite selon l'algorithme de Photoshop. Alors pour contourner 
cela, nous bougeons la teinte globale un petit peu afin d'obtenir: 


(1 
IRL 


En -E-] (em Histogramme 


Couche : Vert + 


Q 


Source : | Image entière 


Moyenne : 230,09 Niveau ! 


Ecart type : 48,82 Nombre : 
Médiane : 253 3% plus sombre : 


Pixels : 273000 Niveau de cache : 1 
Rouge 


Global 


- Modifier : 


Teinte : 
; ännuler 


% +100 
ü 


Saturation : 


Luminosité : 


Redéfinir 
V] âperçu 


Donc nous voyons que le jeu est très subtil et les algorithmes ne peuvent remplacer l'humain. 


3. Pour la teinte 1l suffit de bouger et pour comprendre mieux ce qui ce passe en comparaison 
avec le cône du système TSL, mieux vaut bloquer sur un seul canal: 
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- Modifier : Jaunes 


— = 


Saturation : 


Teinte : 


Enregistrer. 


Luminosité : 


LE} 


Redéfinir 


15°/45° 75% 105° & Æ Aperçu 


Pour voir ensuite que nous parcourons les disque du système TSL en bas de la boîte de 
dialogue. 
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Exercice 9. 


Pour le présent exercice ouvrez l'image suivante: 


Canard.jpg 


Effectuez ensuite une sélection dans la zone blanche avec l'Outil Baguette magique et 
intervertissez la sélection (Maj+Ctrl+I): 


Ensuite, créez un calque de la manière suivante: 
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[ainte =] Opacité : re 
Verrou: [] >; + @ Fond :{ 100 |». 


et mettez-le en mode Teinte. 


Ensuite, activez l'Outil Pinceau, choisissez typiquement une taille d'environ 60-70 pixels et 
ensuite prenez un couleur de votre choix et commencez à peindre sur le calque Remplissage: 


Ensuite, avec l'Outil Lasso magnétique effectuez le tour du bec (toujours sur le calque 
Remplissage) et appuyez sur la touche Delete du clavier: 
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Rappel: Pour se déplacer sur une image pendant une sélection avec le lasso appuyez sur la 
barre d'espacement du clavier, cela aura pour effet de transformer temporairement l'Outil 
Lasso en Outil Main. Appuyez sur Ctrl+Espace transformer temporairement le lasso en 
l'Outil zoom. Appuyez sur Ctrl+Espace transformer temporairement le lasso en l'Outil zoom. 


Et ensuite avec l'Outil Gomme, toujours sur le calque Remplissage nettoyez le blanc des 
yeux afin d'avoir au final: 


Adobe Photoshop 103/577 


Vincent ISOZ Sciences.ch 


Adobe Photoshop 104/577 


Vincent ISOZ Sciences.ch 


Exercice 10. 


Le but de cet exercice a pour seul but de voir une sorte de petit piège de Photoshop. 


Considérons l'image suivante: 
 d 
v 7 sn 


# 


Médaillon. 4 


Après avoir débloqué le calque, activez l'outil Ellipse de sélection (e) pour faire la sélection 
approximative suivante à l'oeil (sans repère): 


“2$ Medaillon.jpg © 100% (RVB/8#) 


| 
tes 


te 
de : 
LEE C0 


Adobe Photoshop 105/577 


Vincent ISOZ Sciences.ch 
, ee h ne : : 

Si maintenant, nous activons l'outil Déplacement "* dans l'idée de déplacer celle-ci car 

nous la trouvons mal centrée, voici ce qui se passera: 


Fan F 
72% Medaillonjpg @ 100% (Calque 0, RVB/8#) -=|-0.S) 


Donc chez Adobe l'idée est au fait que l'utilisateur déplace ou redimensionne une sélection 
sans toucher au calque du dessous en allant dans le menu Sélection/Transformer la sélection 
(ou au clic droit: Transformer la sélection): 
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| 


23 Mediillon jpg @ 100% (Calque 0, RVB/8#) 
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Exercice 11. 


ES 


Nous allons voir ici une manipulation très simple qui consiste à redresse une image en 
utilisant deux méthodes différentes. 


Ouvrez l'image suivante pour commencer: 


Caserne.jpg 


Voyons la première (et plus vieille) méthode. Allez dans le menu Affichage/Afficher/Grille 
ce qui vous donnera: 


Adobe Photoshop 108/577 


Vincent ISOZ Sciences.ch 


Allez ensuite dans le menu Edition/Transformation/Rotation et basculez jusqu'à ce que 
certains repères du bâtiment soient alignés avec la grille: 


Désactivez ensuite la grille et effectuez une sélection rectangulaire: 


JL: \L/OCUMENTS ang 3 EUIMQSMSOZ\MES QOCUMENT 


et allez dans le menu Image/Recadrer pour obtenir à la fin: 
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Voyons maintenant la deuxième méthode en repartant du début. Elle consiste à utiliser l'Outil 


Mesure ? et tirez un trait sur un zone de délimitation penchée: 


Vous aurez alors dans la palette Infos un angle de 4.3°. Ensuite, allez dans le menu 
Edition/Transformation manuelle. Et dans la barre d'outils: 


ILE) Ga Xi[ 3545 px MANIT 2150 px 


tapez un angle de 4.3° et validez par Entrée. Vous aurez alors le même résultat qu'avec la 
méthode précédente. Il vous suffit alors pour terminer de recadrer aussi. 


Hi[00 o WT 0,0 a 


BEL ET 100.0 MGM HAT 100.0% Pre ° 


Il existe aussi une petite technique plus générale que la suivante puisque cette dernière ne 
s'applique que si la référence est sur l'horizontale. Effectivement, si vous activez l'Outil 
Mesure et commencez à faire un tracé de référence: 
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T2 Caserne.jpg @ 100% (RVB/8+) -=-||-©-|(5) 


Alors en maintenant la touche Alt du clavier enfoncé et en cliquant avec le bouton gauche de 
la souris sur l'extrémité de votre tracé de référence, vous allez faire partir un deuxième tracé 
(qu'il soit droit ou non! bon attention s'il doit être rectiligne, n'oubliez pas de maintenir la 
touche Shift du clavier enfoncée): 


T3 Casernejpg @ 100% (RVB/8#) L=-)-0.)(5) 
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Ensuite, lorsque l'on va dans le menu Image/Rotation de la zone de travail/Paramétrée.., il 
reprend automatiquement l'angle entre les deux lignes de référence: 


Rotation de la zone c 


ängle : © * horaire 


D $ antihoraire 


ännuler 
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Exercice 12. 


Nous allons voir dans cet exercice une manipulation qui est très souvent demandée par les 
utilisateurs de Photoshop et les internautes et que je n'ai malheureusement jamais vue dans un 
livre papier officiel sur Photoshop: comment faire des contours pour mettre en évidence des 
objets!!! 


Considérons la carte suivante par exemple: 


_L a 4/0 7Q 
B 


| arte Suisse.jpg @ 50% (RY loi x! 
Ki SRE CORRE ON TR 
4 UT ERA 


CarteSuisse.jpg 
Nous aimerions mettre en évidence par un cercle la ville de Neuchâtel... 
D'abord activez les règles en allant dans le menu Affichage/Règles et ensuite posez deux 


repères (en tirant respectivement la règle horizontale et verticale au point voulu) au 
croisement de Neuchâtel tel que vous obteniez: 
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Ensuite, activez l'Outil Ellipse de sélection et avec la souris placez à l'intersection des deux 
repères et ensuite maintenez les touches Alt+Maj (ou Alt+Shift) du clavier enfoncée pour 
définir un cercle dont le centre est l'intersection des deux repères: 


Meme enESeonestrencaatentes 


et validez par OK. Vous aurez alors: 
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Ensuite, vous pouvez activer dans la palette d'outils, l'Outil Trait N] et une fois celui-ci 
activé dans la barre d'outils allez dans les options de trait: 


et cocher Fin. Ensuite, il vous suffit de dessiner un trait de l'extérieur du cercle et allant vers 
le cercle pour avoir: 


Avec cette technique et en utilisant l'Outil Plume pour faire des tracés qui seront ensuite 
transformés ensuite en sélection, 1l est possible de dessiner des parcours Vita ou des circuits 
de course à pied ou autre!!! 
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Exercice 13. 


Nous allons voir ici une fonction élémentaire d'Adobe Photoshop utilisé par de nombreuses 
personnes faisant de la photographie amateur. Considérons la photo suivante du Mont-Blanc 
prise d'un hublot d'avion: 


MontBlanc.jpg 


Nous voyons que la qualité n'est pas des meilleures... Ouvrez alors cette image dans 
Photoshop et allez dans le menu  Image/Réglages/Niveaux automatiques, 
Image/Réglages/Contraste Automatique et enfin Image/Réglages/Couleur automatique. 
Vous aurez alors le résultant suivant: 
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ce qui est nettement mieux il faut l'admettre! 
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Exercice 14. 


Une autre manière de régler les niveaux utilisés par les photographes et le réglage du point 
noir, du point gris et du point blanc. Pour voir comment cela fonctionne, ouvrez l'image 


suivante: 


Chimiste.jpg 


Allez ensuite dans image Image/Réglages/Niveaux: 


Niveau xl 
| Couche : [rw x | mx 
Niveaux d'entrée : Oo | [1.00 [255 | EE 
Charger. | 
Enregistrer. | 
Auto 
Options. | 


Niveaux de sortie : [o [255 SF A À 
| 
NF âperçu 
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où nous allons nous concentrer les trois boutons suivants: (respectivement point 
noir, point gris et point blanc). Commençons par le point noir en cliquant dans une zone de 
l'image qui devrait être noire: 


Ce qui donnera: 
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Ensuite sélectionnez la pipette point gris et cliquez dans une zone qui devrait être grise: 


Ce qui donnera: 
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Ensuite sélectionnez la pipette point gris et cliquez dans une zone qui devrait être blanche: 


Ce qui donnera: 
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Vous verrez que c'est assez sensible. Par ailleurs une fois terminé, il faut assez souvent passer 
par d'autres réglages complémentaires. 
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Exercice 15. 


Voyons une autre approche de correction qui est celle des tons foncés et tons clairs. 


Nous partons de la photo suivante pour cela: 


Barcelone.jpg 


Nous voyons que celle-ci est mal exposée. Effectivement dans l'histogramme nous voyons 
qu'il y a une légère dominance des tons clairs (à droite) ainsi que des tons foncés (à gauche): 


ME 
Navigateur Ÿ Infos Ÿ Histogramme (»] 
Couche : [RvE æ ] o 


OUEN M Image entière 


Moyenne : 145,31 Niveau ! 
Ecart type : 93,79 Nombre : 
Médiane : 181 % plus sombre : 


Pixels : 342486 Niveau de cache : 1 


Il faut alors ajuste cela en allant dans le menu Image/Réglages/Tons foncés et Tons clairs: 
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"A Sans litre-1 @ 100% (Calque 1. RYB/8) ON -|/x| 


[Navigateur Ÿ Infos Ÿ Histogramme 
Couche : JRve z ] 


0 


Sn 


en 


sul 


image entière 

Moyenne : 162,73 
Ecarttype: 77.74 Nombre : 
Médiane : 183 % plus sombre : 

Pixels : 342486 Niveau de cache: 1 


Niveau : 


CIS 


) 


Tons foncés/Tans clairs E x | 


pi 
Facteur : | 83 M 
ù Annuler | 


————_—_———_—_—_—_—_—_——— 


— Tons clairs Charger. | 
Facteur : [o % Enregistrer. | 


FT Afficher plus d'options 


Il n'y a qu'à jouer avec les paramètres pour obtenir un résultat nettement meilleur ou sinon un 
résultat artistique du type: 


FF ILALL a: 


Tons foncés/Tons clairs 


— Tons foncés 


Facteur : [ 50 % 
Annuler | 
SE —— 7 ——— 


 Tons clairs __ Charger | 
Facteur : [72 % Enregistrer. | 


—————_—Ê— F Aperçu 
F Afficher plus d'options 
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Exercice 16. 


Nous partons de l'image ci-dessous: 


Poivrons.jpg 


L'objectif est de les rendre tous verts en jouant avec les options se trouvant dans 
Image/Réglages/Teinte/Saturation: 


"Pi Sans titre-2 @ 100% (Calque 1. BVB/8] 
H 10 20 30 40 


Teinte/Saturation 


Modifier : | Rouges 
Teide : 


Saturation : 


T° Redéfinir 
315°/345° 15445 [9 2 2 LE apercu 


Pour le premier poivron sur les Rouges et en laissant le spectre de modification par défaut. 


Et pour le deuxième poivron jaune: 
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Pa Sans titre-2 @ 100% (Calque 1, RVB/8] 


Teinte/Saturation 


Modifier ; | Jaunes 


T Redéfinir 
7505 | £ 2 F apercu 


en faisant les réglages sur les Jaunes et en laissant le spectre de modification par défaut aussi. 
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Exercice 17. 


Considérons l'image suivante (photo vraie non retouchée!!!): 
TA Sans titre-1 @ 100% (Calque L RVB/8) 


Services.jpg 


Si vous essayez de récupérer les bonnes couleurs avec l'outil Balance des Couleurs ou 
Teinte/Saturation vous verrez que c'est très très difficile de trouver les bons réglages. 


Dès lors, si vous allez dans le menu Image/Réglages/Filtre photo: 
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Le 


“29 Sans titre-1 @ 100% (Calque 1 RVB/8) Coe)|. 0. /(53s) 


Utiliser 


) Filtre : | Filtre refroidissant (82) 


ännuler | 


© Couleur : [| V| 4perçu 


Densité : 


W|Conserver la luminosité 


avec la couleur suivante: 


Sélecteur de couleurs 
Couleur de filtre : 


ännuler | 


| Personnalisé | 


39 


233 


#  O042FF 


l |Couleurs Web uniquement 


Vous obtiendrez: 
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LA Services. jpg @ 100% (RVB/8) (oc) [ 51e) 


et ce parce que le bleu est la complémentaire du jaune (opposée) et que notre photo d'origine 


est justement saturée de jaune. 


Ensuite, on peut affiner avec Image/Réglages/Balance des couleurs en attaquant plutôt les 
tons clairs: 
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T2 Sans titre-1 @ 100% (Calque L RVB/8) | 0-5 


Balance des couleu 


Balance des couleurs 


Niveaux : -54 | Annuler | 


can (B V| perçu 
Magenta 


Jaune 


Balance des tons 


Tons foncés Tons moyens (© Tons clairs 
V|Conserver la luminosité 


Ainsi, nous sommes passés par les étapes suivantes: 


“2 Sans titre-L @ 100% (Calque L RVE/8) bas 
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“29 Sans titre-1 @ 100% (Calque 1, RVE/8) 


ar. Sans titre-1 @ 100% (Calque L RVB/8) 


Sciences.ch 


Avec du temps (détourage) et beaucoup plus d'expérience nous pouvons arriver au résultat 


suivant: 


Adobe Photoshop 
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sr. Sans titre-1 @ 100% (Calque 2, RVB/8) 


à comparer donc au vite fait mal fait (afin de les avoir côte à côte): 


“23 Sans titre-1 © 100% (Calque L RVE/8) 


Sciences.ch 


Lee.) | 9 Sans titre-1 © 100% (Calque 2, RVB/8) 


Donc nous voyons que le domaine de la retouche photo permet d'obtenir des résultats dont le 


jugement critique est très subjectif. 
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Exercice 18. 


Considérons l'image suivante: 


Bedouin.jpg 


Nous souhaitons recadrer l'image avec l'Outil Recadrage 4 . Une précision importante une 
fois que vous l'avez activé: si vous activez la touche Caps Lock du clavier, le pointeur par 
défaut change en une croix ce qui permet une meilleur précision de sélectionner. 


Nous souhaiterions préserver le bédouin uniquement mais dans un document qui fera 21 par 
29.7 cm (page A4) avec une résolution de 220 pixels par pouces (pour impression). Pour ce 
faire (il s'agit d'une astuce permettant de gagner une étape et donc du temps par rapport à une 
autre méthode plus courante), après avoir activé l'Outil Recadrage dans sa barre d'options 
saisissez: 


NE Largeur : | 21px # Hauteur : [297 px 


Résolution : [ 240 | pixels/pouce ] 


Ensuite seulement avec l'Outil Recadrage définissez la zone à recadrer: 
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et validez par OK. En allant dans Image/Taille de l'image nous voyons que l'image a prise 
toutes les caractéristiques souhaitées: 


x 

— Dimensions de pixel : 13.4M 
Largeur : 1819 pixels | Je Annuler | 
Hauteur : [2572 | pixels | Auto. | 


— Taile du document : 


Largeur : [21 | cm | ] . 

we 
Hauteur : 29,69 | cm | 

Résolution : | 220 | pixels/pouce -| 


F Mettre les styles à l'échelle 
F Conserver les proportions 


M Rééchantilonnage : | Bicubique | 


La seule bêtise dans la manipulation que nous venons d'effectuer est que nous avons passé 
une image de 72 dpi en 220 dpi. Il y aura donc forcément une perte de qualité quand même! 
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Exercice 19. 


Voyons un point assez bluffant de l'Outil Recadrage qui est faisable aussi d'une autre 
manière mais moins rapidement. Ouvrez l'image suivante: 


Television.jpg 


Activez l'Outil Recadrage, faite une sélection rectangulaire et ensuite activez l'option 
Perspective dans sa barre d'options tout à droite: 


IE Zone tecadrée le Copprimen lo WiEsauer |" Protéger Couleur : M Opacité: [75% |» 


F Perspective 


Une fois cette option activée, tirez les poignées de la zone afin de l'adapter au mieux à l'image 
de l'écran: 
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et validez par OK... vous aurez alors: 


TE 


re-2 @ 100% (Calque 1. RVBZ8 
40 


pas mal... 
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Exercice 20. 


Nous allons ici faire une manipulation élémentaire avec un outil élémentaire lui aussi (Gil y a 
d'autres techniques mais chaque chose en son temps...). Nous allons supprimer les yeux 
rouges de la photo de cet enfant: 


Enfant.jpg 


Ouvrez donc cette photo et activez l'Outil Remplacement de couleurs Y, (pour CS et CS2) 


ou l'Outil Anti-Yeux rouges = (dans CS3 et CS4) et mettez-le à une taille de 28px. 


Cliquez ensuite une (ou plusieurs) fois sur les yeux du gamin et vous obtiendrez: 


Cet outil met uniquement (par défaut du moins!) du noir là où les reflets rouges du flash ont 
lieu...: c'est-à-dire sur la pupille noire! 
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Exercice 21. 


Nous allons voir ici comment utiliser efficacement l'Outil déplacement se: avec ce canard: 


"Fa © Canard jpg @ 100% (RVB/8] . lo! x] 
1 10 Et] Et] 40 


Canard.jpg 


D'abord détourez le canard avec l'Outil Baguette Magique à et intervertissez la sélection 
en allant dans Sélection/Intervertir. 


Activez l'Outil Déplacement < et l'option suivante dans la barre d'outils: 


F Afficher le cadre de sélection 


et en maintenant la touche Alt du clavier enfoncée, déplacez le canard et vous devriez 
constater que cela en fait des copies que vous pouvez agrandir ou rapetisser à loisir (n'oubliez 
pas de valider une transformation par Enter entre chaque copie!): 
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ra © Canard.ipg @ 100% (RVB/8) = 
i[0 10 eo 


Ce qui est intéressant c'est de déplacer chaque nouveau canard sur un nouveau calque et de 
déplacer tous les calques en même temps en utilisant la chaînette (qui a disparue depuis la 
CS2 pour être remplacée par l'usage de la touche Ctrl de sélection multiple. ce qui est bien 
dommage!) telle que visible ci-dessous à côté du Calque 1 


| Calque 2 
EE Calque 1 


Une fois plusieurs calques liés, vous pouvez utiliser les outils d'Alignement de calques dans 
la barre d'outils de Photoshop lorsque l'Outil Sélection est activé: 


Fæd Bd) TS uh4d 


Signalons que l'utilisation de la chaîne de calque (donc pour que plusieurs calques bougent en 


même temps): 
°[t] 


est vraiement très utile et en particulière quand vous faites des photomontages conséquents et 
que vous souhaitez bouger tout un élément composé de multiples effets. Comme par exemple 
ci-dessous avec le fichier Planete.psd: 
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(2 Planete.psd @ 50% (Halo BLANC, RVB/8) 


Sciences.ch 


EE 


Calques 


Superposition  Opacité : | 100% |» 


Verrou: [] æÿ + @ Fond : | 7596 


[®] Halo BLEU 


> © Étoiles 


= 


Le fait de lier tous les calques relatifs à la Planète visible sur l'image d'arrière plan permet de 
la déplacer en entier sans avoir à se soucir lequel des 8 premiers calques est activé. 
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Exercice 22. 


Maintenant voyons à quoi sert l'option Utiliser tous les calques de l'Outil Lasso. 


Rappel: Pour se déplacer sur une image pendant une sélection avec le lasso appuyez sur la 
barre d'espacement du clavier, cela aura pour effet de transformer temporairement l'Outil 
Lasso en Outil Main. Appuyez sur Ctrl+Espace transformer temporairement le lasso en 
l'Outil zoom. 


Pour cela, créez la structure suivante: 


=] x] 

Calques Suches Weacés Nique Neripts (D) 
[Normal Le ] Opacité : | 100% |». 
Verrou: [] 7 #4 Fond : 


Et activez Outil Baguette magique avec en décochant l'option Pixel contigus et en activent 
Utiliser tous les calques. Enfin, cliquez dans le premier rectangle rouge: 
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"A Lasso Tous les Ca. M[=]E4 
OÙ PR, Ko. Ko 0 


Vous verrez que tous les rectangles rouges de tous les calques sont alors sélectionnés! Si vous 
désirez ensuite régler quoi que ce soit avec les couleurs il vous faudra utiliser des Calques de 
réglages (Calque/Nouveau de réglage). 
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Exercice 23. 


Nous allons voir ici comment utiliser l'Outil Lasso polygonal D, 


Rappel: Pour se déplacer sur une image pendant une sélection avec le lasso appuyez sur la 
barre d'espacement du clavier, cela aura pour effet de transformer temporairement l'Outil 
Lasso en Outil Main. Appuyez sur Ctrl+Espace transformer temporairement le lasso en 
l'Outil zoom. 


Ouvrez l'image suivante: 


Appartement. 4 


Avec l'Outil Lasso Polygonal sélectionnez la fenêtre de gauche: 


copiez ensuite la sélection sur un nouveau calque, placez son calque en mode Obscurcir pour 
obtenir après une petite transformation manuelle: 
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Certes on peut faire beaucoup mieux... mais l'idée est juste de montrer une petite application 
de ce lasso… 


Rappel: Pour se déplacer sur une image pendant une sélection avec le lasso appuyez sur la 
barre d'espacement du clavier, cela aura pour effet de transformer temporairement l'Outil 
Lasso en Outil Main. Appuyez sur Ctrl+Espace transformer temporairement le lasso en 
l'Outil zoom. 
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Exercice 24. 


Nous allons voir dans cet exercice un effet sympathique que nous pouvons effectuer avec une 
sélection simple et qui permet avec les dégradés dans les masques de faire des compositions 
d'images fortes intéressantes. 


Considérons l'image suivante: 


Portrai tRapproche. 14 


Avec l'Outil Rectangle de Sélection faites la sélection suivante en ayant au préalable défini 
un Contour progressif de 26 px: 


Style : [Normal =] Largeur : 


age Progressif.psd @ 100% (Calque 1. RYB/8) 


Contour progressif : | 26px [MIRE 
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Allez dans le menu Sélection/Intervertir et faites ensuite un Delete sur votre clavier. Vous 
aurez alors: 


Que l'on peut intégrer ensuite dans des compositions d'images... de manière élégante. 


Faites maintenant un Contour progressif de 18 px avec une ellipse toujours autour du même 
œil: 


Contour progressif : [o px F Lissé | Style ! [Normal x] La 


ge Progressif.psd @ 100% (Calque 1, RYB/8] 


Et ensuite allez dans Images/Réglages/Teintes/Saturation... et jouez avec de manière à 
obtenir grâce au contour progressif: 
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Pas mal... n'est-ce pas pour un simple contour progressif! 
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Exercice 25. 


Quoi de mieux dans Adobe Photoshop que de remplacer le photomaton.… 


Pour ce faire, ouvrez l'image ci-dessous: 


Photomaton. jpg 


Suite aux contraintes du "photomaton" d'Adobe Photoshop, nous allons élargir la zone de 
travail de l'image. Pour ce faire, allez dans: Image/Taille de la zone de travail et rajoutez 20 
pixels en hauteur et en largueur et enregistrez l'image. 


Ensuite, allez dans Fichier/Automatisation/Collection d'images. Prenez pour exemple la 
disposition: 


(1)5x7 (2) 2.5x3.5 (4) 2x2.5 


et chargez l'image que vous avez enregistré tout à l'heure.et cliquez sur OK. Vous obtiendrez 
le résultat ci-dessous: 
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Exercice 26. 


Le but de cet exercice est de montrer comment faire un Photo Merge (vue 360° en quelque 
sorte) avec un outil automatisé, intégré à Adobe Photoshop. 


Considérons pour cet exemple les trois photos suivantes d'un panorama se trouvant dans un 
même dossier appelé PhotoMerge. Nous avons alors: 


Nierstein_1.jpg 


Nierstein_2.jpg 
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Nierstein_3.jpg 


Notre but et de trouver réunir ses trois photos en une seule ressemblant le plus possible à une 
photo panorama de 180°. Pour cela, allez dans le menu Fichier/Automatisation/Photomerge 
et vous aurez alors: 


— Fichiers source 


Sélectionnez deux fichiers ou plus pour créer un panorama 
ou cliquez sur le bouton “Ouvrir la composition" pour 
afficher une composition existante, Annuler 


Utiliser : [Dossier -] 


Nierstein_1.jpg 
Nierstein_2,jpg 


ds 


Nierstein_3.jpg SUBaNIMEr 


OUI, 


M Disposition automatique des images source 


après avoir sélectionner dans Utiliser l'option Dossier et en étant allé sélectionner le dossier 
contenant les trois photos. 


Une fois ceci fait, validez par OK. Vous aurez alors: 
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Photomerge 


— Paramètres 
€ Normal 
C° Perspective 


| Paramètres de la composition 
Pirrete mie 
F Fusion avancée 


LRErQU 


F Aligner sur l'image 


Fu lGorserrer comme claques 


[ Sélection de l'image (4) 


Glissez les trois photos à l'intérieur du plan de travail et approchez-les de manière à obtenir un 
panorama: 


Photomerge 


Paramètres 
€ Normal 
C Perspective 


Meter ndique 
[Fusion avancée 


FHETGU | 


F Aligner sur l'image 
PF Conserver comme calques 


| Sélection de l'image (4) 


Sinon vous pouvez également voir si en activant à droit l'option Perspective en activant à 


droite le bouton Point de fuite en cliquant ensuite sur une des trois images par Alt+Clic si 
le résultat vous convient mieux: 
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Photomerge 


FR Alonersurlimage 
PF Conserver comme calques 


In 


Image C'iDocuments and SetingssozlMles documentsProfessionelErcelsialCours\Adobe PhotoshopiExercicesPhotoMergelNierstein_3jpg sélectionnée 


Une fois terminé: 


Il faut bien évidemment encore quelques heures de retouche avec des outils divers comme 
Densité- ou Densité+ ainsi qu'avec les calques de réglage pour obtenir un bon résultat. Mais 
ceci dit cet outil permet de gagner 2 à 3 minutes en ce qui concerne les réglages de position. 


Il faut préciser ceci dit que cela reste un gadget assez médiocre car dans des cas plus 
compliquées (des 360°) où les photos n'ont pas été faites sur un trépied parfaitement stable le 
résultat est très mauvais. 


Depuis Photoshop CS3 l'outil Photomerge a complètement changé et le travail a effectuer est 
devenu quasi nul. 


Nous allons certes toujours dans Fichier/Automatisation/Photomerge mais déjà la boîte de 
dialogue n'est plus la même: 
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Photomerge _x| 
- Disposition Fichiers source 
S Auto Utiiser : [Fichiers “| 


Parcourir. | 
Supprimer | 


Bjoutenles fichiers ouverts 


© Perspective 


© Cylindrique 


© Sphérique 


© Collage 


FN Fusion des images 
F Correction du vignettage 


F Correction de la déformation géométrique 


Nous choisissons l'option Repositionnement et validons par OK pour obtenir au final un 
résultat déjà quasi parfait comparé aux anciennes versions: 


Nous pouvons également depuis CS3 faire cela d'une deuxième manière en important les 
photos à la main, en les alignant aussi à la main et ensuite après avoir sélectionné les trois 
calques correspondant aux 3 photos en allant dans le menu Edition/Alignement automatique 
des calques. Il vient alors: 
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Alignement automatique des calques x! 


Projection 
© âutomatique © Perspective © Collage 
ee ee . . - ännuler 
ec MS cm 
Fes er, “ 

© Cylindrique © Sphérique 


— Correction de l'objectif 
Bi Correction du vignettag 


e 


D Déformation géométrique 


Lu 


Autoriser uniquement la translation d'image, 


Avertissement : impossible de détecter les métadonnées de l'appareil photo, Utilisez le 
script "Fichier > Scripts > Charger des images dans la pile..." pour conserver les 
métadonnées pour la correction du vignettage et/ou la déformation géométrique. 


Nous prenons comme avant Repositionnement et validons par OK. Ensuite pour arriver au 
même résultat final que la méthode automatisée, il suffit d'aller dans Edition/Fusion 
automatiques des calques: 


Fusionner automatiquementlesce 


&nnuler | 


Méthode de fusion 
& Panorama 


PE 


© Empiler les images 


E- 


M Tons et couleurs continus 


et de valider par OK. 
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Exercice 27. 


Nous allons voir ici une application simple du détourage automatique par l'Outil Baguette 
Magique. 


Nous partons d'une image vide avec fond transparent que nous remplissons de noir et que 
nous décorons ensuite par des pas d'animaux en utilisant l'Outil Forme personnalisée: 


[d Outil Rectangle 
= À (a) Outil Rectangle arrondi 


4 e Outil Ellipse 
C) Outil Polygone 
Lt N, Outil Trait 


= Las Outil Forme personnalisée 


CON CICRELC 


afin d'obtenir: 


Pas.jpg 


et donc avec l'outil baguette magique, nous cliquons sur le fond noir et le supprimons: 
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1 
1 
1 
ET 1 
1 A L L 
_* à 1 
+ u 1 À 
vw: RP die. ! 
1 . ; 1 
+ e à 1 
1 1 r i 
L Lax- 71 = 
A TT = [ ù 0 
fl 4 Ï 1 
ne { Vs 1 
ve 4 
% 
en LR 
au F à 1 
i De . nur 2 > : 
d “Fr 
j Dre . À 1 
1 
1 
1 
1 
1 
1 


Nous voyons cependant en désactivant la sélection que le découpage des bords n'est pas 
propre. Il existe alors deux méthodes. Soit nous étendons la sélection (c'est un classique à 
faire en classe) soit moins classique mais plus officiel en passant dans le menu 
Calque/Cache/Supprimer la frange et de choisir une frange de 1 pixel. Et voilà! 
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Exercice 28. 


Sciences.ch 


Le but de cet exercice est uniquement de comprendre quelques éléments de manipulation des 


calques. Ouvrez le fichier suivant: 


Planete.psd 


qui contient de nombreux calques: 


I] Calques X Couches V Tracés (>) 
[Normal 7] Opacité : 
verrou: [] x ++ @ Fond : 


| 

e 

C1 

= F FE Planète 

sr > (1% [2 Groupe Halo 


(a Étoiles 
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L'objectif dans un premier temps est de bloquer le calque Fond pour en éviter toute mauvaise 
manipulation de déplacement. Pour cela, sélectionnez le calque en question et cliquez ensuite 
sur le bouton #. Cela aura pour effet de mettre un petit cadenas sur le calque: 


vous ne pourrez plus déplacer le calque de fond si vous essayez. 


Nous souhaiterions déplacer la planète sur le fond étoilé et noir. Pour cela, cliquez sur le 


rectangle vide r | des calques Ombres, Nuages, Continents, Planète, Groupe Halo. Vous 
aurez alors une petite chaînette qui apparaître en face de chacun des calques tel que présenté 
ci-dessous: 


ME 
Caïques Couches VW Tracés K (p] 
[Normal 7] Opacité : [100% [»] 


Verrou : [] ÿ + @ Fond 100% [»] 
F2 [+] Ombre 

s|4 ul | Nuages D] 

F2 “à cer Texture r- à 


Vous pourrez ainsi déplacer la planète seule avec tous ses effets liés en une seule fois en 
utilisant l'outil Outil Déplacement ** 
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Exercice 29. 


Prenez une image quelconque d'internet. Par exemple, nous avons pris: 


PiecePuzzle.jpg 


et mettez-la par-dessus n'importe quelle photo de votre choix. Par exemple: 
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Foret.jpg 


Sélectionnez dans le calque contenant les pas, le blanc avec la Baguette magique et 
supprimez-le. Ensuite, sélectionnez tout ce qui est en dehors de l'image choisie et 
intervertissez la sélection tel que: 
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Internet et activez le calque avec la photo. Faites 


' 


image prise d 


Masquez le calque contenant l' 


un Delete sur le clavier pour obtenir: 
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"ri NationalGeographic 005 jpg @ 100% (Calque 0, RVB/8#) 
E 40 


Il ne reste plus qu'à ajouter un effet de biseautage (effet très utile pour faire de faux tapis avec 
textures pour la décoration de département) et estampage ainsi qu'un ombre portée sur ce 


calque en passant par @.. 
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"ri NationalGeographic 005 jpg @ 100% (Calque D, RVB/8#) 


et voilà. 
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Exercice 30. 


Nous allons voir ici l'Outil Correcteur de tons directs et l'Outil Correcteur qui 
fonctionnent comme le tampon de duplication (que nous verrons plus loin) avec la grande 
différence que la zone corrigée va conserver sa texture, sa luminosité et ses zones d'ombre, ce 
qui en fait un outil extrêmement performant pour la correction de défauts d'une zone en 
référence à une autre (typiquement la correction des défauts de la peau sur les photos). 


Pour voir le fonctionnement de cet outil, nous allons partir de l'image suivante: 


_ _ HE AE P . + 4 
Laits jus ie 4 


AUX © MAL EMORLO ENV STE OT 


Paysage.jpg 


Sélectionnez l'Outil Correcteur de tons directs F4 ) et réglez le diamètre de son curseur par 
exemple à 24px. 


Nous voulons effacer les cailloux à l'aide de cet outil pour commencer. Donc faites un clic sur 
un de ceux-ci et vous verrez que Photoshop remplace automatiquement le caillou par la zone 
environnante et ce en gardant la même tonalité de couleurs. 


Le problème de l'Outil Correcteur de tons directs c'est que nous ne pouvons pas définir la 
source via un Alt+Clic comme c'est le cas de l'Outil Tampon (d'ailleurs si vous essayez vous 
aurez un message d'erreur dans ce sens de la part de Photoshop.…...): 
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Adobe Photoshop C54 


L'outil Correcteur de tons directs échantillonne 
automatiquement les pixels pour corriger un ton direct en 
une seule étape, Pour définir une source, passez à l'outil 


Correcteur, 
ännuler | 


F Ne plus afficher 


S1 nous voulons un résultat similaire mais en ayant l'option de définir la source, il faut activer 


l'Outil Correcteur # et faire un Alt+Clic dans l'herbe à côté d'un des cailloux et ensuite 
cliquer sur le caillou de votre choix afin de le faire disparaître. 


Au final, en jouant avec l'un ou l'autre des outils, vous arriverez au résultat suivant: 


Léa à 7 e— __ V fl 


* 
L È 


OUR © MALO Oo AV ST OUEN 


Pour enlever le gros caillou du bas, on utilisera par contre plutôt l'Outil Tampon avec la 
même philosophie (Alt+Clic). 
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Exercice 31. 


Nous allons voir ici comment utiliser l'Outil Pièce dans l'objectif de supprimer toujours les 
même cailloux mais simplement avec une autre technique de l'image suivante: 


a ss ee 2 0 
F s 4 


Paysage.jpg 


- Première possibilité d'utilisation de l'Outil Pièce une fois activé  , 
Sur la barre d'outils cliquer sur Source: 


Rapiécer: © Source (° Cible 


ensuite définissez une sélection autour d'une des pierres comme ci-dessous par exemple: 
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ensuite, toujours avec l'Outil Pièce activé, cliquez au milieu de la sélection et glissez-la dans 
une zone de l'image où il y a de l'herbe. Vous verrez en temps réel à l'écran la zone de 
sélection hériter de l'image où se trouve la souris. Une fois satisfait, lâchez la souris et vous 
aurez: 


- Deuxième possibilité d'utilisation de l'Outil Pièce une fois activé L7 
Sur la barre d'outils cliquer sur Source: 
Rapiécer : © Source ( Cible 


ensuite définissez une sélection autour d'une zone avec du gazon seul comme ci-dessous par 
exemple: 


ensuite, toujours avec l'Outil Pièce activé, cliquez au milieu de la sélectionnée et glissez-la 
dans une zone de l'image où il y a un caillou. Vous verrez alors à l'écran, une fois le clic de 
souris lâchée, la zone où se trouve où se trouve la souris être remplacée par la sélection 
initiale 
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Il s'agit donc de deux techniques différentes pour arriver au même résultat. 
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Exercice 32. 


Nous allons voir ici un outil que je considère comme très rarement utilisé: l'Outil Tampon de 
motif. 


Pour voir un exemple d'application de celui-ci, nous utiliserons les deux images suivantes 
ZenGarden Sable.jpg et ZenGarden.jpg: 


Pour commencer faites une sélection rectangulaire dans la zone inférieur de la première photo 
à gauche comme représentée ci-dessous: 
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Ensuite, dans l'autre image, sélectionnez la bande de béton inférieure gauche avec l'Outil 
Baguette magique: 


activez ensuite l'Outil Tampon de motif . et dans la barre d'outil en haut de Photoshop 
sélectionnez le motif précédemment créé: 


6 [»] PA | Motif: F äligné 1 Impress 


et ensuite tamponnez la zone préalablement sélectionnée. Vous aurez alors: 


F8 


avec et outil et beaucoup de temps on peut arriver à des résultats forts sympathiques: 
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UT2 


Wr4IL | 
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Exercice 33. 


Le but ici est de voire une nouveauté de la version CS6 qui s'appelle Outil de déplacement 
basé sur le contenu; 


Outil Correcteur localisé 


Outil Correcteur 
be Outil Pièce 


Qutil Déplacement basé sur le contenu 


He Outil Œil rouge 


Pour tester cette fonctionnalité 1l vaut d'abord mieux avoir une image de (très) bonne 
définition. Ouvrez pour l'exercice, l'image suivante: 


Et avec l'outil susmentionné, définissez une zone autour du mouton de gauche par exemple: 
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änalyse 


Vous aurez: 
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Donc même si cela ne nécessite plus que quelques retouches il s'agit quand même d'un gain de 
temps. Donc rien d'extraordinaire relativement aux outils existants depuis la version CS mais 
juste un gros gain de temps pour certains médias. 


De même, en partant de l'image d'origine: 


Moutons.jpg 


et toujours avec la même sélection: 
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Nous allons dans le menu Édition/Remplir et vient alors l'option: 


Contenu 


âvec : Contenu pris en compte “| 

£: [al [a] | 
Motif personnalisé : [CE 

Fusion 


Mode : Normal “| 


Opacité : | 100 %o 


| 
Bi Conserver les zones transparentes 
Î 
L 


Sciences.ch 


Et nous gardons l'option Contenu pris en compte (Content-Aware) et il vient après quelques 


secondes de calcul: 
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TE Moutons.jpg @ 33.3% (RVB/8) * LS x | 


33.33 % | Doc : 6,32 Mo/6,92 Mo 
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Exercice 34. 


Le but ici est de voire une autre nouveauté de la version CS6 qui s'appelle Outil Correcteur 
localisé: 


Outil Correcteur localisé 


? Outil Correcteur 


dt Outil Pièce 


Outil Déplacement basé sur le contenu 


> Outil Œil rouge 


Pour tester cette fonctionnalité il vaut d'abord mieux avoir une image de (très) bonne 
définition. Ouvrez pour l'exercice, l'image suivante: 


Cargo.jpg 


et avec l'outil susmentionné au bon rayon (à vous de faire des tests), dessinez par-dessus une 
des ammares: 
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et nosu pouvons faire la même chose avec les autres câbles: 
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Donc rien d'extraordinaire non plus relativement aux outils existants depuis la version CS 
mais juste un très gros gain de temps pour certains médias (et merci aux mathématiciens au 
passage.….). 
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Exercice 35. 


Le but de cet exercice est de voir l'utilité de l'Outil Forme d'historique. Pour cela, ouvrez 
l'image suivante: 


Singe.jpg 


Allez (pour prendre un exemple un peu au hasard et un peu inutile car 1l y a des techniques 
plus rigoureuses!) dans Filtre/Textures/Placages de textures et prenez une texture de 
typique Brique avec une Echelle de 146% et un Relief de 5: 
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D On Artistiques 
Ji pue CL Annuler) 


D [Un Déformation 
D En Esquisse — [Placage de texture % 


D [ni Esthétiques - 
r- Texture: 


Ÿ Textures 


Echelle 
KT Relief 


Craquelure Effet mosaïque À- 


Patchwork 


Cela donne: 


. . e . LC #7 
Activez ensuite l'Outil Forme d'historique Set assurez-vous que dans le panneau 
historique, l'instantané soit activé comme indiqué ci-dessous: 
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{xl 
Historique Y Scripts (+) 


% En Singe.jpg e 
LE El Ouvrir 
[EG =] Placage de texture 


Remarquez qu'il est donc possible de choisir l'instantané sur lequel nous voulons utiliser 
l'outil! Changez la taille de l'Outil forme d'historique à 69: 


Forme: [# ]-] | Mode: [Normal -] Opacité: | 10096 |» | Flux: | 100% |) PA | 


et peignez sur le singe. Au fur et à mesure que vous peindrez, l'effet disparaîtra. En quelques 
secondes nous arrivons à: 


"Pa Singe.ipg @ 100% (RVB/8) 
i EE 


Un truc super utile avec l'outil historique c'est lorsqu'on fait usage du Filtre/Rendu/Halo. 


Créez d'abord un nouvel Instantané (attention les instantanés ne sont pas enregistrés avec le 
PSD'!f) de l'image précédente: 
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et faites un halo du type suivante: 


ce qui vous donne un halo aussi dans certaines parties du singe qu'on ne voudrait pas: 
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"ra Singe.ipg @ 100% (RYB/8] 


Alors on active l'instantané fait précédemment et l'Outil Forme d'historique. Et peignez 
dans la zone ayant les morceaux d'halo non désirés (ce qui est nettement mieux): 


Fi Singe.ipa @ 100% (RYB/8} 
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Enfin, pour clore, indiquons une technique équivalent mais beaucoup plus puissante utilisée 
par les graphistes car conservée lors de le fermeture du fichier. Toujours avec la photo du 
signe, dupliquez le calque et placez le Filtre/Textures/Placages de textures. Nous aurons 
alors à nouveau le résultat: 


Mais maintenant, allez dans le menu Calque/Ajouter un masque de fusion/Tout faire 
apparaître. Vous aurez alors dans la palette des calques: 


On aura alors dans la palette des Calques: 


CIE 

N = À LX) 

Calques » 
Normal v Opacité : 100% |» 


Verrou: [] # + @ Fond : | 10098 |» 


@. © = ©. a + 


Et avec un pinceau Noir en dessinant dans le masque de fusion de la copie du calque on aura 
le même résultat qu'avec la palette historique mais avec l'avantage qu'après 
fermeture/ouverture du fichier enregistré en *.PSD les calques et modifications restent 
disponibles (donc: technique non destructive!). 


Adobe Photoshop 185/577 


Vincent ISOZ Sciences.ch 


Exercice 36. 


Considérons l'icône suivante que nous souhaiterions utiliser pour un site Internet: 


fi 


D'abord, l'image étant un GIF, les couleurs sont indexées. Ce qui n'est pas l'idéal pour choisir 
la couleur que l'on veut. Ainsi, allez dans Images/Mode/Couleur RVB vous aurez ainsi 
toutes les couleurs qui fonctionnement correctement. 


Malheureusement la couleur du lampadaire et de la fenêtre ne nous plaisent pas. Le seul outil 
qui vous permettra de changer cela efficacement et rapidement sera l'Outil Crayon de la 


palette d'outils 24, Vous pourrez ainsi avoir une maison de nuit: 


A 


Soit en zoomant: 
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Exercice 37. 


Il m'arrive parfois de devoir faire de la fausse herbe pour des projets immobiliers pour des 
raisons de simple décoration. Pour cela, l'Outil Pinceau est l'idéal (outre des photos d'herbe 
provenant de bases de données d'images). 


Voyons un exemple d'application. Ouvrez l'image suivante: 


Lampadaire.jpg 


Activez l'Outil Pinceau #. et cliquez ensuite dans la partie supérieure droite de l'écran de 
Photoshop sur Formes: 


| Formes V Outils prédéfinis Compositions de calques 


apparaîtra alors: 
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Formes + Outils prédéfinis Compositions de calques 


Forme de la pointe 
F Dynamique de forme 
F Diffusion 
T Texture 
T° Forme double 
F Dynamique de la couleur Diamètre 


F äutre dynamique 


D Symétrie X T° Symétrie Y 


T Bruit 
T Bords humides j Angle : | 0° 


T äérographe rrondi : | 100% 


F Liss 
sr Dureté 


T Protéger la texture 


3 
Dans la zone mise en évidence ci-dessus en rouge cherchez le symbole suivant équivalent au 
numéro 134 ci-dessous r è 


ÉSRAESENRIE AE] 
AH 
ENARAATIEE- 
-d6-16L-JE.164154 


Ensuite activez des couleurs du type suivant: 


à 


# 


Créez un nouveau Calque que vous nommerez par exemple Herbe: 


x 
Calques Couches Tracés K oO 


[Normal m]| Opacité : [1009 [n] 
Verrou: CL] 3% + @ Fond: [ion |») 


Le 


id 312 


. [1 ©. 
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et changez la taille du pinceau à 80: 


ET 


Mode : [Normal E 


Forme: 
80 


Diamètre principal | 80 px @) 
al 
Taille d'exemple 
Dureté :! | 


Remarquez une chose qui peut parfois être utile dans une des captures d'écran précédentes: 
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Outils prédéfinis Compositions de calques 


Forme de la pointe 


F Dynamique de forme 


F Diffusion 

T Texture 

T° Forme double 

F Dynamique de la couleur 


F äutre dynamique 


T Bruit 

T Bords humides 
T äérographe 
F Lissage 


EREREREREEERE 


T Protéger la texture 


F Pas 25% 


ad 


qui est le choix de l'Angle lorsqu'il faut longer des murs en perspective. 


Adobe Photoshop 190/577 


Vincent ISOZ Sciences.ch 
Exercice 38. 


Depuis Photoshop CS une nouvelle gomme existe qui permet de supprimer des fonds 
d'images simples assez facilement en concurrence avec d'autres outils. 


Considérons l'image suivante pour l'exemple: 


Nous souhaiterions assez rapidement enlever le ciel et nous allons donc utiliser la gomme 
d'arrière-plan pour arranger cela. 


Choisissez l'Outil Gomme magique 7 et paramétrez-la ainsi: 


Tolérance : [32 F Lissé | F Contiguë 


Cliquez une lère fois dans une partie de ciel blanc et passez votre gomme sur tout le ciel. 
Vous devriez obtenir cela: 
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Comme vous pouvez le remarquer, de la couleur bleue reste encore accrochée aux branches. 
Ce qui n'est pas vraiment dérangeant si vous décidez de remplacer cette zone par un ciel bleu, 
mais qui pourrait l'être vraiment si vous désiriez mettre un fond d'une autre couleur. Et puis, 
tant qu'à faire, essayons de travailler au mieux. 


Cliquez sur un pixel bleu avec votre Outil Gomme magique dans le ciel. Les mêmes 
paramètres que précédemment devraient convenir. 
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Exercice 39. 


Depuis Photoshop CS une autre nouvelle gomme existe qui permet de supprimer des fonds 
d'images plus complexes assez facilement en concurrence avec d'autres outils. 


Pour voir cette gomme ouvrez l'image suivante: 


Si vous tentez d'enlever le fond avec la Gomme magique d'arrière plan (cf. exercice 
précédent) vous obtiendrez au mieux (en un seul ou plusieurs clics): 
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et ne parlons même pas des autres outils... Maintenant, activez l'Outil Gomme d'arrière 


# a 
plan | 7 avec les paramètres suivants: 


Forme: HE | Limites : [Discontiqués "| 


Tolérance : [20% [r] 1 Protéger couleur 1er plan | Echantillonnage : [Une fois |] 


Attention depuis la CSS il faut activer Echantillonage Une fois en cliquant sur le bouton 
visible ci-dessous: 


Cliquez une première fois dans le fond noir et balayez toute l'image. Vous obtiendrez: 
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ce qui est déjà nettement mieux qu'avant. Cliquez (toujours avec le même outil) dans une zone 
sombre restante et balayez encore une fois toute l'image. Vous aurez alors: 


ce qui est proche de la perfection. A tester avec un fond extrême: 
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pas mal du tout en 2 clics seulement... 
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Exercice 40. 


Dans le même style des techniques de détourage très rapide, ouvrez le fichier suivant: 


à | 


Feu.jpg 


Ensuite, allez dans la palette des Couches: 


Couches \ Tracés 


et fait un Ctrl+Clic sur la couche Rouge. Vous aurez alors toute la partie 
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; 
| 
, 
; 
, 
; 
; 


Faites un Ctri+Shift+I pour inverser la sélection (ou le menu Sélection/Inverser) et sur le 
clavier faites une Delete. Vous aurez alors un détourage de feu vite fait bien fait que vous 
pourrez intégrer dans de nombreuses images: 


Rate 


I ss: 
NS Ain 26 


C'est une technique énormément utilisée dans le domaine du photomontage. 
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Exercice 41. 


En m1i-2006, la mise à l'échelle liquide (ou liquid scaling) a été introduite. Adobe Photoshop 
intègre cette fonctionnalité depuis la version CS4. 


Pour résumer en quelques mots son utilité, il s'agit d'une une technique de redimensionnement 
des images des images qui a ceci de particulier qu'elle est capable de conserver les zones les 
plus importantes en enlevant d'abord les zones moins porteuses d'information (parce que très 
similaires à leurs voisines). 


C'est une opération souvent souhaitée par les employés depuis plus de 10 ans dans les 
entreprises mais qui ne comprennent très souvent pas pourquoi ceci n'est pas faisable dans la 
simplement. 


Voici un exemple imagé de ce redimensionnement qui confirme que dans des cas simples cela 
fonctionne très bien: 


Voici une image originale: 


Palmier.jpg 


Ensuite redimensionnée en bicubique (algorithme classique) sans conservation des 
proportions (Ctrl+A et menu Edition/Transformation manuelle): 
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On voit la déformation qui est nette! Ensuite on redimensionne avec Liquid Resize dans CS4 
en faisant Ctrl+A et en allant dans le menu Edition/Echelle basée sur le contenu: 


et voilà:-) 
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Exercice 42. 


Le but ici est de voir comment redresser une photo simple. Ouvrez l'image suivante: 


Pise.jpg 


Or, nous savons que dans la réalité, le bâtiment au premier plan n'est pas penché... nous 
allons tenter de redresser cela au mieux avec un outil qui existe presque depuis les premières 
versions de Photoshop. D'abord allez dans Image/Taïlle de la zone de travail... et mettez les 
paramètres suivants: 
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et validez par OK. Cliquez ensuite avec l'Outil Rectangle de sélection, entourez la photo et 
faites ensuite Ctri+T (activation de la transformation): 


Faites un clic droit sur la sélection pour choisir Perspective: 
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Rotation 180 
Rotation 90° horaire 
= Rotation 90° antihoraire 


Le problème c'est que vote image est tassée. Toujours en faisant un clic droit, choisissez 
maintenant Homothétie et tirez la poignée supérieur centrale vers la haut jusqu'à satisfaction: 
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et validez par OK: 
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Avant 
C'est pas parfait... mais c'est mieux! 


Voyons la même chose maintenant avec la mise en évidence simplifiée dans la version CS6 
d'un outil faisant la même chose. Il s'agit de l'Outil Correction de perspective par 
recadrage (qui devrait s'appeler Outil Perspective par rognage mais bon...): 


TX Outil Recadrage 
. H Outil Correction de perspective par recadrage 
7 Outil Tranche 


" Outil Sélection de tranche 


et la suite vous sera donnée (comme à l'habitude...) mais dans la pratique 1l faut souvent 
tatonner. Déplacez les poignées de la grille (si besoin aidez-vous de la touche Shift pour rester 
sur la même horizontale): 
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et validez par entrée pour obtenir: 


Soit: 


206/577 
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Avant Après 


Ancienne Nouvelle 
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Exercice 43. 


Nous allons voir ici comment utiliser les outils de contrôle de saturation (exposition) d'une 
image: 


e = LA Outil Densité - [e] 
T @\ Outil Densité + [e) 
LI 


à Outil Eponge 
f 
NE 


Pour cela, ouvrez l'image suivante et copiez le calque d'origine sur un nouveau calque que 
vous nommerez Eclaircir: 


Activez en premier l'Outil Densité - & dont le rôle est d'éclaircir la zone d'une image. 
Ensuite réglez son flux et sa taille par exemple comme représenté ci-dessous: 


| Forme: | Gamme : [ons clairs -| Exposition : PA | 


PoseMannequin. 14 


et cliquez à plusieurs reprises dans la zone des cheveux du mannequin afin d'obtenir: 


Adobe Photoshop 208/577 


Vincent ISOZ Sciences.ch 


\ 


Nous voyons clairement ici la différence avec la luminosité des cheveux de l'image originale. 


 . : NV — PF . - 
Évidemment l'Outil Densité + sn fait exactement le contraire en assombrissant les zones de 
l'image. Donc en prenant par exemple les paramètres suivants: 


| Forme: | Gamme : ÎTons movens 7] Exposition : PA | 


et en copiant l'image originale sur un calque que vous Assombrirez nous arrivons au résultat 
suivant en travaillant sur les cheveux et le dessous des yeux: 
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Ce qui est intéressant avec les 3 calques c'est ensuite de comparer rapidement la différence 
entre les retouches (Original, Eclaircir, Assombrir). 


Il nous reste à traiter l'Outil Éponge dont le rôle est de saturer ou désaturer une zone d'image. 
Réglez-le par exemple comme ci-dessous: 


Forme: | Mode : [Saturer 7] Flux: PA | 


et passez sur les lèvre de notre mannequin afin d'avoir au final: 
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Exercice 44. 


Toujours dans le cadre des photos (mannequinat ou non), il existe de nombreuses techniques 
de nettoyage de peau en fonction de la version de Photoshop (Outil Goutte d'eau, Filtre 
d'Atténuation de Flou de Surface, Flou Gaussien,.….). 


Voyons une technique qui marche relativement bien. Ouvrez l'image suivante: 


JeuneFille. 04 


Copiez le calque par défaut et créez un masque dessus en cliquant sur le bouton correspondant 
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Ensuite, avec l'Outil Pinceau en Noir fait en sorte d'effacer du masque les zones qui ne 
devront pas être nettoyées: 


Calques 
[Normal x ] Opacité : 
verrou: [3 + @ Fond: [mr] 


Ensuite, allez dans Filtre/Atténuation/Flou Gaussien: 


Flou gaussien 


FN âperçu 


Validez par OK, et mettez le calque en mode Eclaircir. Vous aurez alors: 


Après: 
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{xl 

Calques V Couches VTracés K (»] 
[Eclaircir +] Opacité : 
Verrou: [] x + @ Fond 1 { 100% [ne] 


=Ix] 
Calques K Couches VTracés K o 
[Normal 7] Opacité : 


verrou: C] > + @ Fond : | 10096 
[; p1 KA LR) Calque 1 co... 
e I KT Calque 1 
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Exercice 45. 


Continuons avec les techniques de sélection classiques. Soit l'image suivante dont nous 
souhaiterions découper rapidement le personnage pour le mettre sur un autre fond: 


Homme.jpg 


Avec l'Outil Baguette magique avec une tolérance de 40 (que vous pouvez pour information 
faire varier lorsque vous faites une sélection par morceaux avec la touche Alt) et en 
maintenant la touche Shift du clavier enfoncée, sélectionnez le fond au mieux: 
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Vous pouvez aussi contrôler la qualité de votre sélection en cliquant sur le bouton de la 
palette d'outils de Photoshop qui vous montrera en rouge transparent ce qui n'est pas encore 
sélectionné: 


Une fois le travail fait au mieux, allez dans Calque/A jouter un masque de fusion/Masquer 
la sélection. Vous aurez alors: 
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[Normal x] Opacité : [100% [»] 
Verou: L] ÿ 4 @ Fond: [wow] 


S1 vous souhaitez revoir l'image initiale, il suffit de faire un clic droit sur le masque de fusion 
se trouvant à droite du calque et de sélectionner: Désactiver le masque de fusion. Vous aurez 
alors: 


six 
Calques Couches Vi Tracés K ( 


[Normal =] Opacité : | 100% |» 
Verrou: [] ; + @ Fond: | 1009 [mn] 


s P1 Fe À Découpage 


LA 


Z 


@. © 1 ©. 1 + 


Grâce au masque de fusion vous pourrez toujours dans un avenir proche ou lointain récupérer 
votre sélection en allant dans le menu Sélection/Récupérer la sélection: 
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Découpage Masque + 


L] 


Ce 
Der ENS are)n} 
SOUS EME) min)f] 


MNtersecUaav ea elE ET 


ou obtenir le même résultat en faisant un clic droit sur le masque de fusion et en sélectionnant 
Ajouter le masque de fusion à la sélection. 


Une possibilité élégante pour faire la sélection via le masque de fusion est d'aller dans les 
Couches: 


et de garder que la couche alpha du masque et ensuite de peindre en noir ou en blanc à 
l'intérieur de celle-ci car on y voit très facilement les défauts à corriger: 
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Exercice 46. 


Ouvrez l'image suivante: 


Dents.jpg 


Nous souhaiterions vite fait, blanchir les dents. Pour cela, avec l'Outil Baguette magique et 
une Tolérance de 30: 


Go Fr 


effectuez en une trentaine de clics (en maintenant la touche Shift du clavier enfoncée) la 
sélections suivante: 


Ensuite, allez dans Image/Réglages/Teinte Saturation et baissez la Saturation à -50: 
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x 


— Modifier : | Global | | Lx 
Teinte : [o RE 
—_——————“’ À —… 

Saturation : [-50 Charger. | 
— — Enregistrer. | 
Luminosité : [o 
———————’ Ÿ{ 

FT Redéfinir 


2 Æ D 4 F Aperçu 


Afin d'obtenir au final: 


a comparer avec l'image du début: 
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Exercice 47. 


Soit l'image suivante: 


Clio. jpg 


nous aimerions changer la couleur de la carrosserie de manière rapide et acceptable sans 
passer par un détourage et un changement de tonalité (voir le même exercice avec des 
techniques rigoureuses plus loin). 


s 
Pour cela activez l'Outil Remplacement de couleur disponible depuis Photoshop CS2 Y 
qui est très utile pour faire des draft vite fait mal fait. 


Sélectionnez une couleur d'arrière plan de votre choix ainsi qu'un diamètre de votre choix 
pour l'outil précédemment activé (commencer avec un taille de 40 n'est pas mauvais) et 
ensuite jouez enfin avec la tolérance de l'outil de remplacement de couleur puis peignez sur la 
voiture en faisant attention à ne pas déborder et à changer le diamètre de l'outil quand vous 
arrivez près d'un bord. 


Pour obtenir par exemple au final: 
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Exercice 48. 


Voyons une autre technique de changement de couleurs (puisqu'il en a au bas mot une petite 
dizaine dans Photoshop). Ouvrez l'image suivante: 


Homme.jpg 


Et avec l'Outil Lasson effectuez la sélection grossière suivante: 
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Rappel: Pour se déplacer sur une image pendant une sélection avec le lasso appuyez sur la 
barre d'espacement du clavier, cela aura pour effet de transformer temporairement l'Outil 
Lasso en Outil Main. Appuyez sur Ctrl+Espace transformer temporairement le lasso en 
l'Outil zoom. 


Allez ensuite dans Image/Réglages/Remplacement de la couleur: 


Remplacement de couleur | X| 


-— Sélection 
À p2 À Couleur : |] Annuler | 


Tolérance : 7 Charger. | 
Enregistrer. | 


VF âperçu 


& Sélection © Image 


— Remplacement 


Teinte : 


Saturation : [o Résultat 


Luminosité : [o 


Prenez soin à activer pour commencer la pipette avec le + Æ et balayez avec votre souris 
l'ensemble du t-shirt se trouvant dans votre image. Vous aurez alors: 
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x 


— Sélection 
À p2 À Couleur : 3 annuler | 


Tolérance : | 4 Charger. | 
Enregistrer. | 


M âperçu 


& Sélection © Image 


— 


Ensuite jouez avec les paramètres de Teinte, Saturation ou Luminosité. et vous pourrez 
obtenir ce que vous voulez comme couleur: 
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Exercice 49. 


Partons de la photo suivante: 


CadreSup.jpg 


Après un travail de découpage et de transformation d'image trivial. Nous souhaiterions le 
résultat suivant: 


Effet simpliste souvent utilisé pour faire un catalogue des employés internes à une société un 
peu original sur l'intranet... vous pouvez également utiliser le filtre Fluidité si jamais 
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Exercice 50. 


Si nous revenons dans les Puzzles... prenons l'image suivante avec un calque Puzzle 
contenant la structure et un calque Fond transparent: 


Pi Puzzle.psd @ 100% (Fond, RYB/8) _|O| x 
(1] 30 40 


CI] 
Calques Couches \ Tracés N @) 
Normal +] Opacité : 


verrou: [] ÿ + @ 


Fond : 


Puzzle.jpg 


et une image prise un peu au hasard: 
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"" Apfel.psd @ 100% AVE 


PommePuzzle.jpg 


Pour donner un effet plus artistique si vous le souhaitez à cette pomme avant de la placer dans 
le Puzzle, allez dans Filtre/Artistique/Contour postérisé et choisissez vos paramètres afin 
d'obtenir quelque chose du type: 


L Pomme Puzzle. jpg @ 100% (RVYB/8] 


Ensuite, copiez-collez cette image (ou tout autre) sur le puzzle dans un nouveau calque et 
mettez le mode de fusion du calque Pomme alors en mode Produit. Vous aurez alors: 
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uzzle.psd @ 100% (Pomme, RYB/8] 1 -|0]x|] 
10 10 20 3 40 


=x 


Produit mi]! Opacité : [10096 [m] 
verrou: [] ÿ + @ Fond: | 100% |») 


a 
Le 


F 
: 


Ensuite, après avoir activé le calque Puzzle, avec l'outil Baguette magique, en prenant bien 
garde à ce que les options soient les suivantes: 


Ensuite pour chaque pièce. Suivez la procédure suivante: 
1. Avec l'outil Baguette magique sélectionnez une pièce en ayant le calque Puzzle 
d'activé. Et supprimez la sélection (cela aura pour effet de supprimer le blanc du 
puzzle pour la suite). 


2. Ensuite activez le calque Pomme. Faites un couper et collez sur un nouveau calque. 


3. Appliquez un effet de calque de type Biseautage et Estampage avec une taille de 3 
pixels. 


4. Déplacez la pièce coupée du nouveau calque un peu ailleurs de manière aléatoire et 
faites la tourner avec Edition/Transformation manuelle. 


Cela aura pour effet: 
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Exercice 51. 


Voici un grand classique d'Adobe Photoshop... la retouche de couleur des yeux. Ouvrez 
l'image ci-dessous: 


Oeil.jpg 


Faites une sélection avec l'Outil Lasso, faites une sélection assez souple autour de la zone de 
travail: 


Rappel: Pour se déplacer sur une image pendant une sélection avec le lasso appuyez sur la 
barre d'espacement du clavier, cela aura pour effet de transformer temporairement l'Outil 
Lasso en Outil Main. Appuyez sur Ctrl+Espace transformer temporairement le lasso en 
l'Outil zoom. 


Utilisez le menu Image/Réglages/Balance des couleurs. Faites une sélection sur la partie la 
plus claire, puis jouez avec les couleurs (n'oubliez pas les règles de mélange des couleurs). 
Vous pourrez ainsi obtenir une couleur tirant vers le vert, le bleu, le violet ou le marron entre 
autres (vous pouvez arriver au même résultat en jouant avec la teinte en allant dans 
Image/Réglages/Teintes). 


Puis réglez la luminosité à l'aide du menu Image/Réglages/Teintes/Saturations (Luminosité 
à 10%, Saturation a 45%). 
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Exercice 52. 


Nous allons voir dans cet exercice comment faire une sélection par plage de couleurs à partir 
de l'image suivante: 


Tulipes.jpg 


Nous souhaiterions changer la couleur du bulbe jaune en bas à gauche. Pour cela, nous allons 
d'abord créer une sélection rectangulaire autour du bulbe telle que présentée ci-dessous: 


Ensuite, nous allons dans le menu Sélection/Plage de couleurs: 
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Plage de couleurs x! 
: Sélection : | # Pipette | 1 
Tolérance : 200 âännuler | 


Charger. | 
Enregistrer. | 
| # ÊANA 


M Inverser 


© Sélection © Image 


Prévisualisation : | Niveaux de gris -| 


Sélectionnez dans cette fenêtre idéalement l'option /mage plutôt que l'option Sélection. 
Ensuite, cliquez sur la pipette suivante: Æ et mettez une Tolérance de 20. 


Avez la pipette dans la zone /mage balayez la fleur. Vous obtenez alors dans l'image 
principale le visuel suivant: 


Validez par OK. Vous obtiendrez la sélection suivante: 


Ensuite avec cette sélection nous pouvons faire ce que nous voulons (voir un bel exemple 
avec la voiture que nous changeons de couleur plus loin). 
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Exercice 53. 


Pour cet exercice nous allons utiliser les deux images suivantes: 


l'A Landschaft. psd @ 66,7% (RVB/8HI 


PR FA I AO 


TajMahal. jpg Sunset.jpg 


Dans un premier temps, nous allons découper le Taj Mahal comme suit: 
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"PA T'aimahal.psd @ 66.7% (Bas, RVB/8) oi x 
i]0 10 20 50 40 co 60 70 80 [30 


eg 


Ô 


en 


ON, 


ewl 
Ps 


4 
(l 


en utilisant la baguette magique pour le ciel et l'outil de sélection rectangulaire pour 
prendre le TajMahal seul (n'oubliez pas de maintenir la touche Shift du clavier appuyée 
lorsque vous faites la sélection du TajMahal pour ajouter à la sélection du ciel). 


Ensuite collez la sélection dans un nouveau calque afin d'avoir: 
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=Ixl 

Caïques VCouches Vi Tracés K C 
[Normal | Opacité ; 
Verrou: [] ÿ + @ Fond : 


Copiez/Collez l'image avec notre plage dans un nouveau calque et faites une transformation 
manuelle (Edition/Transformation manuelle) afin d'obtenir: 


rc Tajmahal.psd @ 66.72% (Plage RV4/8/ 


sd 


=1x| 
Calques \ Couches Vracés K 0 
[Normal |] Opacité 1Coo D] 


Verrou : [] a+ a Fond; [100% 1] 


Ensuite avec l'outil de sélection rectangulaire coupez la partie inférieure de la plage afin 
d'obtenir: 
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| Pi T'aimahal.psd @ 66.7% (Plage, AVB/8] 


Ajouter à ce calque un masque de fusion El et avec l'outil dégradé linéaire faites un dégradé 
sur le masque de fusion. Une fois le dégradé fait, changez l'ordre des calques afin d'obtenir le 
résultat ci-dessous: 


Adobe Photoshop 2381511 


Vincent ISOZ Sciences.ch 


PA l'aimahal.psd @ 66.7% (Plage, Masque de fuNonil 


Ensuite activez tous les calques pour obtenir: 
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| =j Täajymahalpsd @ 66.72% (Plage, Masque de tuson/at 


Pt sn : 
Vs "= ra | 
RU » 


re 


Voilà un petit effet vite fait bien fait. 
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Exercice 54. 


Voyons maintenant une autre application sympathique de l'Outil Dégradé combiné à quelques 
autres outils que nous connaissons déjà (donc rien de nouveau dans cet exercice). 


Considérons la photo suivante: 


/ 


| 
Assistante.jpg 


Nous souhaiterions créer un rendu multicolore sympa et pas trop agressif. Pour cela, nous 
allons d'abord dans le menu Image/Réglages/Teinte/Saturation… pour désaturer l'image à -70. 


Teinte/Saturation 


- Modifier : Global : 


Teinte : 
Saturation : 


Luminosité : 


lRedéfinir 


LA2X (Wl Aperçu 


Cela devrait extraire une grande partie de la couleur de l'image mais en laissera suffisamemnt 
pour que la composition n'ait aps l'air d'une photo noir et blanc: 
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| 
| 


Ensuite, nous créons par dessus le calque avec la fille, un nouveau calque en mode Lumière 


tamisée: 
Calques » 
Lumière tamisée v Opacité : 10096 Le] 


Verrou: [] Z + @ Fond : | 100% lm] 


LA 


à. © = ©. 1 5] 


et la touche finale consiste simplement à y appliquer avec l'Outil Dégradé 4 un dégradé de 


votre choix: 
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| Calques \, » 
Lumière tamisée v Opacité : [ 1003 |» | 
Verrou: [] ÿ + @ Fond : | 10096 |» | 


LA 


9. © à ©. à %|] 


petit effet bien sympa... 
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Exercice 55. 


Voici un simple effet de style pour donner un aspect de pixel à vos sélections. Il faut savoir 
qu'il vous faudra travailler sur des sélections de grand format pour être efficace. 


Dans un premier temps, choisissez un fond pas trop clair, pour le texte il faudra qu'il soit 
assez grand (prenez un de ces nombreux papier peint qui se trouve dans le dossier de 
Windows sur le disque dur). 


Lagon.jpg 


Ecrivez-y un texte LS avec la police de votre choix, agrandissez la police du texte (environ 


» de 
153 pt). Ajuster l'emplacement du texte à l'aide de l'outil : # et enfin pixellisez le texte en 
utilisant le menu Calque/Pixellisation/Texte: 


Remarque: Avant de pixelliser un texte, vous pouvez le transformer en forme via 
Calque/Texte/Convertir en forme et ensuite modifier sa géométrie avec l'outil sélection 
directe D en cliquant sur le bord des lettres et en déplaçant les vertex. Une fois ceci fait vous 
pouvez aller dans Calque/Pixellisation/Forme. 


Dupliquez votre calque avec le texte et appliquez un filtre flou gaussien avec pour rayon 11.3 
pixels à l'aide du menu Filtres/Atténuation/Flou Gaussien: 
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Appliquez le filtre Pixellisation/Mosaïque avec comme valeur 12: 


Pour finir vous pouvez appliquer une légère ombre portée sur le calque du début (texte brut) 
(Calque/Style de calque/Ombre portée) après l'avoir placé au-dessus du calque sur lequel 
nous avons travaillé précédemment. 


Style de calque x] 
| one 
Structure 
Mode de fusion : [Produit al | annuler | 
———— | 5 
Spas È Nouveau style... | 
Angle : () [ro © [NV Utiliser l'éclairage globa M aperç 


Distance : O9 [2 px 
Gronà e=—— fs # 5 
Toile: 09 [15 px 
Qualité 
concu: [_ 1°] [ Lissé 


BD à ————— fo  % 


F Ombre portée masquée par le calque 
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Exercice 56. 


Commencez par créer un nouveau document de 400x400 en mode RVB. Appliquez-lui un 
dégradé noir & blanc avec les mêmes paramètres que ci-dessous. 


(GEI sous 


Mode: [Normal | Opacité: [100% |» | 


F inverser PF Simuler MF Transparence 


& Sans titre - 1 @ 100% (RYB] 


Choisissez ensuite du noir et du blanc en couleurs de premier plan et d'arrière plan (ce sont les 


CO uleurs par défaut): 
|] 
" 


Appliquez le Filtre Nuages par Différence dans le menu Filtre puis Rendu: 


ni Sens tite -1 @ 1002 (RVB) 
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Inversez l'image en allant dans le menu Image puis sur Réglages et sur Négatif. 


Li Sans titre - 1 @ 100% (RVB) jo x]| 


d 


,. 


| 


Augmentez le contraste dans le menu Image puis Réglages et enfin Luminosité / Contraste. 
Donnez les valeurs de -85 à la luminosité et +85 au contraste. Allez ensuite dans le menu 
Image puis sur Réglages et effectuez un Niveau Automatique (on peut le faire éventuellement 
en manuel en choisissant Niveau). 


 &ù Sans titre - 1 @ 100% (RVB) 
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A Sans titre - 1 @ 100% [oi xI| 


On va maintenant coloriser l'image en allant dans le menu Image/Réglages/Balance des 
Couleurs. 


mi Sans titre - 1 @ 100% (RYB] 


Nous pouvons aussi nous amuser en faisant du copier/coller après avoir répété plusieurs fois 
la procédure à des résultats du genre: 
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Exercice 57. 


Nous allons apprendre ici à faire des tentacules de sortes de tentacules qui se marient bien 
lorsque associés à des titres. 


Créez une nouvelle image avec fond transparent de 600 px de large par 200 px de haut. 


Ensuite, avec l'Outil Rectangle de type pixel de remplissage faites un rectangle long et étroit 
de la couleur de votre choix: 


Nous allons maintenant utiliser l'Outil Cisaillement. Pour cela, il faut au préalable faire une 
rotation de notre zone de travail. Nous allons donc dans le menu Image/Rotation de la zone 
de travail/90° horaire. 


Notre zone de travail affichée verticalement, utilisez l'outil Rectangle de sélection pour 


encadrer votre rectangle. Laissez suffisamment d'espace de chaque côté car cela nous permet 
de mieux délimiter la zone d'effet de l'Outil Cisaillement. 
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Allons chercher l'Outil Cisaïllement dans Filtre/Déformation/Cisaillement de manière à 


obtenir: 


2511517 
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Remarque: Il paraît que sur la CS6 sur Macintosh il faut faire Cmd ou Pomme pour que le 
bouton Défaut apparaisse (au cas où...). 


De retour à notre espace de travail classique, replacez votre rectangle dans le bon sens: 


Ajoutons un léger biseautage estampage à notre calque: 
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Biseau interne [El 


=|m|im)lm 


FA Biseautage et estampage 
Bi Contour 
nl Texture 


superposition Imi[ | 


m\m|m|m\is 


Voici l'étape la plus intéressante. C'est elle qui va donner corps à votre tentacule. Sélectionnez 
l'outil Filtre/Fluidité et laissez les valeurs par défaut et sélectionnez y l'Outil Déformation 


Avant | 


Amusez-vous, découvrez cet outil très puissant en "brossant" votre forme. Une fois satisfait, 
cliquez sur OK pour revenir à la zone de travail initiale. 


Vous pouvez ajouter une légère ombre portée en fonction de vos besoins en utilisant les 
effets: 
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CR Tentacules.psd @ 100% (Calque 1, RYB/8] 


GP. cp 


Ensuite on duplique, on recommence et on s'amuse: 
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Exercice 58. 


Nous allons voir maintenant un cas d'application très important et énormément utilisé dans de 
très nombreux photo-montage Photoshop ou créations d'illustration pure. 


Pour faire le cas en question dans un cas neutre mais toutefois assez joli, créez une image 
noire de dimensions 500 par 500 pixels: 


TA Sans titre-1 @ 100% (Gris/8) mn] [| 


Ensuite, créez un tracé simple avec l'Outil Plume: 
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TA Sans titre-1 @ 100% (Gris/8) 


Ensuite, activez l'Outil Pinceau et prenez une taille et une forme arbitraire (puisque nous 
faisons l'étude de cas dans une situation neutre, le choix n'importe pas mais uniquement la 
philosophie de la technique): 


V4 + | Forme: (.] Mode : Normal « 
i4 L 
Diamètre principal 14 px » 
al 
Dureté : 0% 


&érogaphe 75 taille et ang 


et assurez vous d'avour la couleur de premier plan en blanc: 
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Le" 
» 


Ensuite, effectuez un clic droit sur le calque de tracé de la palette Tracés et sélectionnez 
l'option Contour du tracé: 


nm 


TA Sans titre-1 @ 100% (Gris/8) = |ROS)|LX 


28 


Dupliquer ce tracé 


Supprimer ce tracé 
Définir une sélection. 


Fond du tracé... 


Contes du tracé... 


Prenez l'option Forme et surtout, cochez l'option Simuler la pression: 


Outil: # Forme 


Ÿ|Simuler la pression NS ännuler | 


Ce qui donne: 
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le 


TA Sans titre-1 @ 100% (Calque L Gris/8} le | LES) 


Tracés 


F 
LS Tracé de iravai 


Soit: 
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T9 Sans titre-1 @ 100% (Calque L, Gris/8) 


Sciences.ch 


_ 


Après on peut s'amuser avec les options de fusion pour obtenir de plus ou moins jolies choses: 


TA Sans titre-2 @ 100% (Calque L RVB/8) œ 


Styles 


Ombre portée 
Ombre interne 
Lueur externe 
Lueur interne 
Biseautage et estampage 
Contour 
Texture 
Satin 
Incrustation couleur 
Incrustation en dégradé 
Incrustation de motif 


Contour 


Options de fusion OK 
Fusion générale 
Mode de fusion : Normal + | Annuler 
Opacité : | LA ‘ 
LNouveau style. 
Fusion avancée Aperçu 
Opacité du fond : 100 % 


Couches : |//R v BE 
Masquage : Sans + 
Fusionner les effets intérieurs en tant que groupe 
Fusionner les calques écrêtés en tant que groupe 
Calque formé par la transparence 
Effets masqués par le masque de fusion 
Effets masqués par le masque vectoriel 


Comparaison sur : Gris + 
Ce calque : û 255 
————— ] 
Calque du dessous : 0 255 
———— 
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et on peut alors faire des choses du genre: 
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Exercice 59. 


Toujours dans les formes et tracés voyons comment une chaîne comportant un motif répétitif 
sur toute sa longueur. 


D'abord nous allons créer le motif qui servira à la chaîne. Pour cela, créez la forme suivante 
en utilisant une image initiale d'une taille quelconque (que vous réduirez par la suite) et l'outil 
Ellipse de sélection. 


et réduisez sa taille à une dimension de 50x50 pixels: 


Nom: | Motif collier 


ännuler | 


sû 


Ensuite, créez un nouveau fichier avec un chemin créé à l'aide de l'Outil Plume ci-dessous 
par exemple: 
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Ensuite activez l'Outil Pinceau et avec la forme créée précédemment comme nous le voyons 
dans la capture d'écran ci-dessous: 


Fichier Edition Image Calc 


| | Forme: 
= 
; 1 10 


OL" 
PK 
4x 
272 


a le /2 


= 


et définissez une taille de 50px par exemple (cela devrait être la valeur par défaut si vous avez 
bien suivi les instructions jusqu'à maintenant). Ensuite dans la palette Formes cliquez sur 
l'option Forme de la pointe et jouez avec le pas comme indiqué ci-dessous: 
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Formes 
Formes prédéfinies 
Forme de la pointe 


F Dynamique de forme 
T Diffusion 


T Texture o ii É 
T° Forme double j 75 150 
F'oynanu ds coder Diamètre TAederempe | | 50 px 


T Autre dynamique 


T Symétrie X 1 Symétrie Ÿ 
[Bruit lé Lè 


F Bords humides Angle : [oc 


1 Aérographe ârrondli : | 100% 
F Lissage j 


Dureté 
T Protéger la texture 


[Pas 


Une fois le Pas choisi validez par la touche Enter du clavier pour obtenir: 
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F. 


Sans titre-2 @ 100% (Calque 1, Gris/8} 
20 El] 40 


S1 cela ne fonctionnerait pas, faites d'abord un clique droit sur le calque du tracé et choisissez 
l'option Contour du tracé: 


Contour du tracé 


Ensuite, vous pouvez appliquer Filtre/Rendu par différence ensuite allez dans 
Filtre/Esquisse et choisissez les paramètres ci-dessous par exemple (Détail: 13, Lissage: 2): 
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Bas-relief (100%) Le 


D (2 Anistiques À Ta 
D [2] Contours 
Annuler | 
DL] Déformation 
[Basieier >| 


< Détail ER] 
L [mi 


Chrome Contour déchiré LES 


Lumière : [Bas >| 


Craie/Fusain 


et puis on peut s'amuser avec de nombreux autres effets (lumière, biseautage, ombre) pour 
obtenir par exemple le résultat suivant: 
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Exercice 60. 


Restons encore un peu avec les tracés. Pour cela ouvrez le fichier suivant: 


mi 10) x| 
D RE LP PP 2 ERP PRE 2 PRES OMR 2 DPOP  POP  PPEN 


DL Calqud Couch Tracés 


1@ Etoile et Colombe 


Pathfinder.psd 


et n'oubliez pas donc dans la palette Tracés d'activer le seul tracé préparé pour l'exercice! 


Bon pour en revenir à l'objectif... Avec l'Outil sélection de tracé À sélectionnez les deux 
formes du tracé. 


Et ensuite, dans la barre d'outils: 
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cliquez sur Aligner les centres dans le sens horizontal È et Aligner les centres dans le 


sens vertical E:, Vous aurez alors les deux formes qui seront parfaitement centrées l'une 
avec l'autre: 


20 


"PA Pathfinder.psd @ 66.7% (Fond, BY 
gt 


Ensuite, cliquez sur le bouton Exclure les zones de formes se chevauchant En et cliquez 
sur le bouton Associer. Vous ne verrez pas de différences à l'écran... mais il faut savoir que 
cette action a pour effet de générer qu'une seule et unique forme des deux formes précédentes. 
C'est le même principe (mais en moins puissant) que le Pathfinder dans Illustrator. 


Pour voir cela, prenez une couleur de premier plan (le noir par exemple): 


et ensuite dans la palette Tracés cliquez dans la barre inférieure: 


sur le bouton tout à gauche nommé Fond du tracé avec couleur de premier plan. Vous 
aurez alors: 
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Dans le même style, créez un nouveau document avec le texte suivant: 


Ensuite, nous voulons rapidement transformer le texte en un tracé vectoriel. Une manière de 
faire très rapide (plutôt que d'en faire une sélection et transformer la sélection en tracé) et 
d'aller dans Calques/Texte/Convertir en forme. 


Vous aurez alors un texte vectoriel que vous pouvez déformer avec l'Outil Sélection directe 
et fusionner avec le pathfinder: 
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Exercice 61. 


Sur cette page, nous allons expliquer une méthode pour éclaircir une image sous Photoshop, 
en utilisant les calques de réglages et les masques associés à ces calques, sans avoir à faire un 
fastidieux travail de détourage des zones bouchées. 


Parachutistes.jpg 


Le ciel est bien clair, limite cramé, mais les personnages sont sombres. Un premier réglage est 
de passer par les courbes de niveau (Image/Réglage/Niveau): 


Niveaux 


Couche : | RVB | 


Niveaux d'entrée : | (n] 


Niveaux de sortie : | (a 


EE 
a M] Aperçu 
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Nous obtenons alors: 


Nous avons perdu un peu du contraste du ciel. Rien n'empêche alors de faire une sélection 
grossière des personnages, de copier la sélection sur un nouveau Calque et de créer un calque 
de réglage (en tant que masque d'écrêtage) de type niveau sur la sélection uniquement: 


Nous obtenons ainsi: 
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La différence est nette! 


ES 


Signalons aussi une autre méthode qui consiste à jouer avec les courbes 
(Image/Réglage/Courbes). Dans l'exemple précédent un bon réglage serait: 


x 
Dane .: 
E A Annuler | 


Charger. | 
Enregistrer. | 


INSSET | 
auto | 


Options... | 


Entrée; | 142 
EAN 2 
Sortie : | 142 


M äperçu 


a 
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Exercice 62. 


Nous allons voir dans cet exercice comme utiliser à bon escient l'outil Tampon. Pour ceci 
nous partons de l'image. 


ZenGarden.jpg 


Ce qui nous gêne c'est le morceau de chemin en bas à gauche de l'image. Nous souhaiterions 


le remplacer par de l'herbe. Pour ce faire, activez l'outil Tampon &, et positionnez vous au- 
dessus de l'herbe dans un zone que vous aimeriez utiliser comme référence pour la 
duplication. 


Une fois sur cette zone, maintenez la touche Alt du clavier enfoncée et cliquez avec le tampon 
(normalement le curseur doit se changer en une cible pendant la manipulation). 


Ensuite peignez dans la zone du chemin avec le tampon. Vous obtiendrez très vite le résultat 
suivant: 
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Exercice 63. 


Nous allons ici nettoyer un dessin scanné: 


Dragon.jpg 


Pour cela on peut d'abord jouer avec les options de niveaux dans le menu 
Image/Réglage/Niveaux: 


Nous arrivons à: 
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Ensuite, nous passons l'image en négatif pour le nettoyage (Ctrl+[) final: 


avec l'Outil Pinceau en noir nous nettoyons les dernières taches et nous repassons en négatif: 
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ce qui est bien mieux! Ensuite, pour le coloriage, il suffit de créer un calque par zone de 
coloriage en dessous du calque scanné qu'on aura mis au préalable en mode Produit. Ensuite 
il faut avoir une tablette graphique (sinon 1l faut oublier. !): 
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Exercice 64. 


Nous allons voir ici un peu plus en détail comment faire du coloriage. Nous avons déjà vu 
précédemment qu'il suffit de mettre le calque avec l'esquisse en mode Produit et ensuite 
d'ajouter un calque par couleur. 


Prenons comme base le dessin (www.maliki.com) suivant: 


Forms 2] Cp lues Pi 
veu: D 7+@ Frsilwel) 


Ensuite avec l'Outil plume (avec un flux à 100% dans le cas présent) en un style non baveux 
et une tablette graphique on colorie: 
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Attention! Quand vous avez terminé une couleur sur un calque, verrouillez les pixels 
transparents. 


Cette option vous empêche de pouvoir peindre les zones transparentes. Autrement dit, vous 
pourrez rajouter des nuances dans votre zone de couleur et gribouiller dans tous les sens, mais 
vous ne pourrez plus la dépasser puisque seule la zone colorée sera éditable. 


Vous avez fait le plus fastidieux, vous allez pouvoir maintenant vous amuser à rajouter des 
ombres par exemple. Imaginez une lumière qui éclaire votre personnage (ici elle vient de la 
droite) et essayez de dessiner des ombres correspondantes, avec le pinceau ou en utilisant le 
lasso ou encore la plume pour la sélection. 
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Souvenez-vous que vous ne pouvez pas dépasser sur les autres couleurs ni dans les zones 
vides puisque vous avez verrouillé la transparence des calques, donc pas d'angoisses, faites 
des grands mouvements, des grandes sélections, etc. 


Sinon, a vous de choisir si vous souhaitez faire les ombres sur d'autres calques. En fin de 
compte c'est très personne. 


Par ailleurs si vous avez des idées à concrétiser dans le futur, n'hésitez pas à poser des Post-It 


sur votre dessin 3, avec l'outil correspondant: 


Ne pas oublier de faire le fond 


Maintenant voyons comment à partir d'une image comme celle que nous avons faite, créer un 
nuancier. L'image activée, nous allons dans Image/Mode/Couleurs indexées: 
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BIT PI 


BIBNTOTMIE 


H'ÉCAUIEN = 
ÉUIPMESCOUEUTS 


Remarquez juste que l'option Table des couleurs... n'est pas active! 


Il va vous demander de fusionner les calques. Vous validez par OK. Ensuite, vous prenez les 
paramètres suivants (se sont les plus adaptés à notre exemple): 


Locale (Perceptive) ll 
|Primaires (xl 


ImCONEENENÉMCCUIEUTAErACLES 


et vous validez par OK. 
Remarquez que vous observez le résultat en Aperçu pendant que vous faites les réglages! 


Ensuite, retournez dans Image/Mode et vous verrez maintenant l'option Tables des couleurs. 
qui est active. Cliquez dessus: 


MDIIGOUCHE 


IE UIS/COUCNE 


Vous avez alors: 
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Table des couleurs 


Nous retrouvons donc les couleurs de notre Manga plus quelques autres primaires. Cliquez 
sur le bouton Enregistrer pour stocker au format ACT votre palette. 


Ensute, pour pouvoir l'utiliser, vous allez dans la palette Nuancier et vous cliquez sur l'option 


Remplacer les nuanciers... (si vous prenez Charger cela va sommer le nouveau nuancier avec 
l'existant): 


Charger un nuancier.. 


et vous allez chercher votre table: 
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| 


E Manga.act 


Bureau 
AS 
Mes documents 
(g LA 
BE 


Poste de travail 


ie 


Fa 


Table de couleurs (* 4CT] 


Il ne reste plus qu'à dessiner votre œuvre. 
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Exercice 65. 


Chargez l'image de votre choix. Si l'image est verrouillée (cadenas affiché à côté du calque) 
déverrouillez le en double cliquant sur ce cadenas et enregistrez votre image comme calque. 


Taille de la zone de travail a x 


— Taille actuelle : 319 KQ 
Largeur : 9,6 cm RER | 


Hauteur : 14,11 cm 


Nouvelle taille : 1,36M 


Largeur : [24.6 | cm -| 
Hauteur : Bar | cm >| 


D Relative 
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J'ai ajouté 15 cm en largeur et 10 en hauteur autour de l'image pour travailler confortablement, 
l'image sera recadrée à la fin. 


Sélectionnez Filtre/Déformation/Cisaillement: 


EM Evare… Ak+Ctri+x 
Fluidté.… Moÿ+Ctri+x 
Placage de motif.  Alt+Maj+Ctri+x 


Contours 


Déformation 


AT 


AE, Es, 1. ES, 4 dl “| 


— 
[=] 
POVAVIT 


Les points que vous allez placer sur la ligne et que vous allez déplacer donneront la forme de 
votre image. Dans la petite fenêtre du bas, vous pouvez pré visualiser le résultat. 


Cliquez à un endroit de la ligne et tout en maintenant le bouton de la souris enfoncé, déplacez 
ce point de manière à incurver la ligne. 


Si vous voulez redéplacer le point, il vous suffit de cliquer dessus et de le déplacer à l'endroit 
désiré. 
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Cisaillement D x 


Annuler | 
Défaut | 


- Zones non définies : 
© Reboucler 
© Pixels du contour 


Quand le résultat vous convient, validez par OK. 


Remarque: Vous pouvez obtenir des effets du même type mais avec beaucoup plus de 
flexibilité avec la nouvelle option disponible depuis Photoshop CS3 en allant dans 
Edition/Transformation/Déformation. 


Faites pivoter votre image. Pour ce faire, sélectionnez Edition/Transformation manuelle 
(Ctrl+T), placez vous sur le côté du cadre entourant votre image (un arc de cercle avec une 
flèche à chaque bout apparaît). 


Cliquez et faites effectuer une rotation à votre image jusqu'à la position désirée. 
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Nous allons ajouter une ombre à l'image. Pour accéder au style de calque, double cliquez sur 
votre calque dans la palette Calques ou cliquez sur le petit triangle en haut à droite dans la 
palette des calques et sélectionnez Options de fusion. 


Dans la nouvelle fenêtre, sélectionnez Ombre portée et essayez différentes valeurs pour 
obtenir un effet d'ombre qui vous convienne. 


Vous pouvez visualiser le résultat au fur et à mesure sur votre image. 


Voici les réglages apportés à cette image (voir page suivante): 
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Style de calque [x | 
[-_ Structure 
Options de fusion : Par défaut Mode de fusion : [Produit |] [er ännuler | 
[1 Ombre portée Opacité : 
Opagité [2 % 
= Nouveau style. 
M Ombre interne 
: : # CT 

Firreterne ängle : F2 FN Utiliser l'éclairage global F Aperçu 
T° Lueur interne Distance : ——— fe px 
F Biseautage et estampage Grossi : = {Bol # 

T Contour Taille : = 45 px 


M Texture 
FE Qualité 


T Incrustation couleur Contour : LÉ [ lLissé 


T Incrustation en dégradé Bruit : ———) p x 


M Incrustation de motif 


T Contour 


M Ombre portée masquée par le calque 


Un peu de lumière maintenant. Sélectionnez Biseautage et estampage et entrez vos valeurs. 


Voici les réglages que j'ai utilisés: 


Style de calque  X| 
———_—_—_—_—_———— - Structure 
Options de fusion : Par défaut Style : [Eise au interne + ] ännuler | 
F Ombre portée Technique : [Lisser | 
: Nouveau style. 
PT Ombre interne Profondeur : ————— fn: # 
VW Aperçu 
T Lueur externe Direction : { Haut (° Bas gd. 
F Lueur interne Taille : —_—_—— x; 210 px 
[M Biseautage et estampage Flou : ——— 6 px d 
r Ombrage 
ängle : TE ï 
F Satin PETEe 
14 Utiliser l'éclairage global 

F Incrustation couleur Elévation : Fo À 
T Incrustation en dégradé 
T Incrustation de motif SRE ER OS LÉ [ES 
T\Contour Mode des tons clairs : [Normal x I[_ | 

Opacité : ——— 45 $ 

Mode d'ombrage : [Produit z D | 
Opacité : — 5 — 57 #6 


Si vous essayez les divers effets de l'option Contour brillant (dans la partie Ombrage), vous 
obtiendrez des résultats complètement différents et très intéressants. 


Vous pouvez conserver ce style pour de futures images. Pour cela, il suffit de cliquer sur le 
bouton Nouveau style: 
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et de lui donner un nom: 


di, DaneEon Ombre 


M Indlure les effets de calque Annuler 
F indlure les options de fusion de calque 


ce qui vous permettra à l'avenir de l'appliquer très rapidement. 


Voilà, c'est terminé. Vous pouvez ajouter un fond à votre image en ajoutant un nouveau 
calque, en le remplissant de la couleur désirée et en le plaçant sous le calque de votre image. 


Pour recadrer votre image, sélectionnez l'Outil de Recadrage (C) et délimitez la zone à 
conserver. 


Pour préparer le prochain exercice, regardez ce qu'il se passe si vous mettez la propriété Fond 
du calque à 0%: 
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Calques \ Couches VTracés K (p) 
[Normal -] Opacité : { 100% |») 
verrou: [] ; + @ Fond [os [#] 


F2 F7] Biseautage et estampage 


7 


9. OO) nm ©. 14 3]; 


Vous remarquerez alors que l'objectif de cette propriété est de masquer l'objet principal afin 
de ne laisser visible que l'effet!: 


4 


Ce qui peut s'avérer très utiles pour certains photomontages complexes ou pour obtenir des 
effets de manière astucieuse comme va le montrer l'exercice suivant. 
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Exercice 66. 


Ouvrez l'image suivante: 


L'objectif va être de créer un effet de mise en évidence dynamique en jouant subtilement avec 
les options vues dans l'exercice précédent. Pour cela créez un nouveau calque que vous 
nommerez Mise en évidence et avec l'Outil Rectangle de sélection faites un rectangle rempli 
de noir sur la Zone que vous souhaitez voir mise en évidence et gardez cette sélection jusqu'à 
la fin des opérations!: 


Re, 


ra 
+! 
A, 
Re on 


[x] 
| Calques VCouches VTracés K (D) 
[Normal “] Opacité : 


Verrou: [] x + @ Fond : 
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et l'astuce pour la suite consiste maintenant à mettre la propriété Fond de ce calque à 0%: 


Sélectionnez ensuite la commande Calque/Style de calque/Contour. Ajoutez un contour 
blanc en paramétrant sur Intérieur. Mettez une taille de 8 px pour le contour. 


= 
= 
=! 


D) 
al 


D) 
fr] 


Contour 


Allez ensuite cocher l'option Ombre interne se trouvant en deuxième position de la liste des 
Styles dans la capture ci-dessus en mettant les paramètres suivants: 
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Style de calque … x] 


| Structure 
Options de fusion : Personnalisées Mode de fusion : [Normal Ka pes] Annuler 
Omb: té Opacité: =" [3 % 


= hosmioeniestots Angle : CY 120 © [V Utiliser l'éclairage global M âpercu 


T° Lueur externe 


Distance 2 | 5 px 
iQ ——————— | 0 % 
Taille + ————— | 10 px 


T Lueur interne 


T Biseautage et estampage 


F Contour 


T Texture Qualité 


= Satin Contour : Lé: = Lissé 


F Incrustation couleur Brit + | 0 % 


F Incrustation en dégradé 
F Incrustation de motif 


F Contour 


Validez par OK. Cela donnera: 


Donc jusque là... rien de spécial! Allez ensuite dans Calque/Calques de réglage/Teinte et 
Saturation: 
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x 
Nom : [Saturation zone en évidence 


F Créer un masque d'écrêtage d'après le calque précédent Annuler | 


Couleur : | [] Sans -] 
Mode] Normal -] Opacité : | 100 | |le6 


et mettez la Luminosité à +40: 


E 
- Modifier : | Global -] 
Teinte : [ 
2 Annuler | 


Saturation : [o Charger. | 


Luminosité : +40 
———————_——’ — 
F Redéfinir 
222 FF Aperçu 


ce qui donnera: 


{xl 

Calques V Couches KTracés K (D) 
[Normal 7] Opacité : 
Verrou: [| > + @ Fond: [100% [»] 


Cite EA £ Saturation … 


F2 ml EH 112 en évidence + @ 


Il est intéressant d'observer ici que Photoshop prend automatiquement la zone noire du calque 
Mise en évidence comme étant un masque de fusion lorsque l'on va chercher un Calque de 
réglage. C'est une notion très importante et utile. 


Ensuite, allez dans Image/Réglages/Négatif ce qui vous donnera: 
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[Normal "| Opacité ! { 10036 |») 
Verrou: |] 7 + @ Fond: {100% [»] 


Avant d'aller plus loin, jouez maintenant avec l'effet Ombre interne comme il vous plaît. 
Ensuite, liez les deux calques du haut: 


{x 
Calques Couches VW Tracés K (») 
[Normal =] Opacité : | 100% |» 


Verrou : |] y + @ Fond :{ 100 |» 


F2 [F1 Mise en évidence bg 
2 (ER Ariére-c/an 


9. I nm ©, à [> 


Faite un Ctrl+T pour activer la Transformation manuelle et si vous faites un changement 
sur un des calques du dessus, cela se répercutera automatiquement sur l'autre. 
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Caïques \ Couches VTracés 
[rorrmal E ] Opacité : 
Verrou: L] 7 + @ Fond: 


Voilà un exemple magistral de combinaisons subtiles du logiciel. 
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Exercice 67. 


Comme mentionné plus haut, depuis la CS3 il y a un nouvel outil pour déformation une 
image. Le but de cet exercice est de voir en quoi il consiste. Ouvrez l'image basse résolution 
suivante: 


Silouhette.jpg 


Nous allons aborder le sujet de façon destructive en travaillant directement sur le calque 
d'origine (ce qui ne vas pas pour le bourrelet de droite de l'image où le doigt est trop près). 
L'idée est d'enlver les petits bourelletes disgrâcieux du mannequin du fond. 


Donc d'abord avec l'Outil Rectangle de Sélection définissez un cadre autour du premier 
bourrelet: 


Ensuite, allez dans le menu Edition/Transformation/Déformation et vous aurez: 
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En appliquant vous obtiendrez le résultat suivant qu'il faudra évidemment nettoyer: 


Soit vu avec un peu de recul: 
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Exercice 68. 


Nous allons voir maintenant de manière très brève un filtre de la même famille que 
cisaillement. 


Prenons l'image ci-dessous: 


Nenuphar.jpg 


Ensuite allez dans le menu Filtre/Déformation/Tourbillon. Réglez l'angle comme il vous 
plaît (au besoin vous pouvez appliquer ce filtre à une sélection uniquement!): 


Vous obtenez alors: 
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Vous pouvez également appliquer le filtre Tourbillon sur des Effets Halo. Dupliqué cela peut 
donner quelque chose de sympa. 
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Exercice 69. 


Toujours avec la même image: 


Nenuphar.jpg 


Voyons le nouvel Outil Sélection rapide disponible depuis la version CS3 ie À 


Il faut préciser que cet outil ne marche parfaitement que dans des cas simplistes avec forts 
contrastes! 


Son fonctionnement est simple. Vous l'activez et ensuite vous restez appuyé avec le bouton 
gauche de la souris comme si vous peigniez autour de la fleur du nénuphar (ne pas hésiter à 
changer la taille de l'outil en cours de route!). La sélection se fait automatiquement et se 
rajoute à chaque nouvelle sélection existante: 
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Si vous faites un simple clic dans une zone, cet outil équivaut alors à l'Outil Baguette 
magique. 
Vous pouvez ensuite vous amuser à inverser la sélection et supprimer la sélection afin 
d'obtenir: 


Adobe Photoshop 301/577 


Vincent ISOZ Sciences.ch 


et en réintégrant dans l'image de base nous avons l'impression d'avoir une image HDR...: 


L'Outil Sélection rapide c'est considérablement amélioré avec la CSS. Voyons un exemple 
avec l'image suivante (attention il s'agit du cas particulier et il ne faut pas croire que cela 
remplace toutes les autres techniques de détourage!): 
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r 
[ pissenlitipa @ 66.7% (RVB/8#) 


BSISLX || 


66.67 « ® Doc : 4.88 Mo/4.88 Mo b|< 


Pissenlit.jpg 


Activez l'Outil Sélection rapide en variant le diamètre surtout pour la tige. Vous devriez 
alors avoir: 


BB pissentit jpg @ 66.7% (RVB/8*) 


66.67 % (| Doc : 4,88 Mo/4.88 Mo >| < 
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Ensuite, cliquez sur le bouton Améliorer le contour..: 


© Fichier Edition Image Calque Sélection Filtre Analyse 3D Affichage Fenêtre Aide | [EA ni 


Be $- 


{ |Echantillonner tous les calques ! } Accentuation automatique | 


LA 


Une fois la boîte de dialogue Améliorer le contour ouverte, parcourez à nouveau le tour du 
pissenlit: 


U pisseniitjpg © 66.7% (RVB/8#) 


+— Mode d'affichage 
: Afficher le rayon (1) 

äffichage : 
© |Afficher l'original (P) 


r— Détection des contours 


| |Rayon dynamique 


Rayon : C}- 


-— Régler le contour 
Lissage : [}- 
Contour progressif : 
Contraste : 


Décalage du contour : - 


Sortie 
[ |Décontamination des couleurs 


Quantité 


Sortie vers : Nouveau calque avec masque de f.. 


| |Mémoriser les paramètres 


CE ammuer 7] (7 


Si jamais vous enlevez trop de matière, Vous pouvez changer la fonction du bouton Outil 
Effacement des améliorations ci-dessous pour qu’il rétablisse les éléments sur lesquels vous 
re-passerez avec la souris: 
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liorer le contour 


Mode d'affichage 


a 
y Affichage : 


[- l'Afficher le rayon (2) 
{l'afficher l'original (P} 


=] 0.0 px 
r— Régler le contour 
Lissage : C} 0 
Contour progressif : [} 0.0 px 
Contraste : [} 0 % 
Décalage du contour : } 0 % 


Sortie 


Sortie vers : 


{! |Décontamination des couleurs 


Nouveau calque avec masque de f.. + 


 |Mémoriser les paramètres 


Sciences.ch 


Il est ensuite très très intéressant de jouer avec les paramètres Régler le contour et de bien 
choisir les options de Sortie vers: 


Améliorer le contour 


— Mode d'affichage - 


Affichage : Le 


[|Afficher le rayon (2) 


{| Afficher l'original (P) 


-— Détection des contours 


[- |Rayon dynamique 
Rayon : (} 0.0 px 
-— Régler le contour 
Lissage : (} ( 
Contour progressif : {} 1.0 px 
Contraste : (} ( % 
Décalage du contour : } 0 % 


Sortie 
[V]Décontamination des couleurs 
Quantité : ©} 194 % 
Sortie vers : Nouveau calque avec masque def... + 


Quand vous validerez par OK, vous aurez: 
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A pissenit jpg @ 66.7% (Arrière-plan copie, RUB/8#) * 


Ce qui est assez remarquable! 
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Exercice 70. 


Toujours avec l'Outil Sélection rapide et l'option Améliorer le contour... voyons maintenant 
un cas classique mais avec une petite difficulté (la résolution de l'image est médiocre): 


FondVert.jpg 


Nous effectuons donc une sélection rapide: 
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PS Fichier Edition Image Calque Texte Sélection Filtre Affichage 


Ÿ - Défilement des fenêtres Taille réelle des pixels in Taille d'impressio 


FondYert.jpg @ 16.7% (Place, RYB/8) * x ù x 


16,67 ra Doc : 14,4 Mo42,4 Mo 


Mini Bridge 
Nous plaçons un fond sur un calque en-dessous (peu importe le choix de l'image de fond): 


Calques 
N Type Li © T TX di 
Normal Opacité : 100 % 


Fond : 100 % 


Nous cliquons sur Améliorer le contour.….: 
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Améliorer le contour | X | 


Mode d'affichage 
F Afficher le rayon (J) 
JM F 8Michage : À 
— F Afficher l'original (P) 


— Détection des contours 
Pa F Rayon dynamique 


Rayon : Cp | 6.0] px 


Régler le contour 


Lissage : © û 


Contour progressif ; Cm [oo px 

Contraste ; mme û % 

Décalage du contour : pme 0 % 
Sortie 


F Décontamination des couleurs 


Sortie vers : [Sélection “| 


F Mémoriser les paramètres 


Quantité : 


__ ami | 


Dans l'option Affichage, nous prenons Sur calques, ce qui nous permettra de voir le calque 
de fond en temps réel: 


Fichier Edition Image  Calque on Filtre 


& Epaisseur : 
Améliorer le contour 


FondYert.jpg @ 16.7% (Fond Yert, RYB/8) * x 
Mode d'affichage 


F Afficher le rayon (2) 
&ffichage : 
F Afficher l'original (P) 


| | 4 Cadre de sélection actif (M) 


1 


SeNPN AD 
BRLENKNKTZ 


4 


+ # 


pee: 


8ppuyez sur F pour parcourir les vues. 
8ppuyez sur X pour désactiver temporairement toutes les vues, 


F Mémoriser les paramètres 


prouer | CET 


Doc : 14.4 Mo/44,4 Mo 
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Si nous zoomons nous voyons un problème évident de contamination du fond original: 


Fichier Edition Image Calque Texte Sélection Filtre £ffichage Fenêtre Aide 
Redimensionner fenêtres Zoom fenêtres leds 
Améliorer le contour 
FondYert.jpg @ 100% (Fond Vert, RYB/8) * x 
— Mode d'affichage 


PF Afficher le rayon (2) 
8fichage : 
F afficher l'original (P) 


Détection des contours 
M Rayon dynamique 


Rayon: ep | 60 


N à 


Régler le contour 


Lissage : € 


Contour progressif : C3 


Ca, 
e. 
D 
LR 


Contraste : ( 


Décalage du contour : 


po 


*} 


F Décontamination des couleurs 


Quantité : es I ] 
Sortie vers : [Sélection “| 


: # 
è î è FA 7.2 F Mémoriser les paramètres 
LÉ FI annuler | 
D - Doc : 14,4 Moj44.4 Mo F4 
dge 


Nous allons donc voir maintenant ce que l'option Décontamination des couleurs peut faire 
dans cette situation difficile où le vert contamine considérablement les cheveux et les zones 
de bords puisque la photo en fond vert d'origine et de très mauvaise résolution: 


Fichier Edition Image Calque Texte Sélection Filtre Affichage Fenêtre Aide 


a Epaisseur : 35 + 
Améliorer le contour 


FondYert.jpg @ 100% (Fond Vert, RYB/8) * x 
upper ————— — Mode d'affichage - ———— ———————— 


F afficher le rayon (2) 
8ichage : 4 
F âfficher l'original (P) 


- Détection des contours 
M Rayon dynamique 


Rayon : 


Régler le contour 


Lissage : € 


SV eNPSKD0C 


RER ABNANE. 


Contour progressif : € 


V 


Contraste : © 


Décalage du contour : 


Sortie 
FN Décontamination des couleurs 


ED 


Le 


Quantité : ef |66 % 
Sortie vers : [Nouveau calque avec masque de fusion >| 


F Mémoriser les paramètres 


annuler | 


œ 
Mini Bridge 


Comme nous pouvons le voir le résultat est relativement acceptable. Il faudrait cependant par 
la suite corriger manuellement les zones problématiques. 
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Ce qui donne: 


PS Fichier Edition Image GCalque Texte Sélection Fitre Affichage Fenêtre 


Echantillonner tous les calques Accentuation automatique 


16.67% Doc : 14,4 Mo/58,8 Mo 


Mini Bridge 
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Exercice 71. 


Nous allons voir ici une belle nouveauté de la version CSS qui est l'outil marionnette. C'est un 
cas d'application très intéressant d'algorithmes utilisés à la base par des ingénieurs en génie 
des matériaux. Cet outil change pas mal la donne dans les commandes de photos 
professionnelles et dans le mannequinat et nous allons bien évidemment voir cela avec un 
exemple. 


Ouvriez le fichier Danseuse.psd (je l'ai déjà détourée pour vous... je suis gentil): 


Fichier Edition Image Calque Texte Sélection Filtre Affichage Fenêtre Aide 


f pa > Echantillonner tous ks calques Accentuation automatique 
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569% Doc : 1.95 Mo/2,55 Mo 


LEE 


} Mini Bridge 


Allez dans le menu Edition/Déformation de la marionette et activez en même temps 
l'option Plus de points: 
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Fichier Edition Image  Calque “te Sélection Filtre Affichage Fenêtre Aide 


Mode : | Normale 2 [ $ Expansion: 2px + NV Afficherfilkt Prof, coin : 
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[3 Doc : 1.95 Mo/1.78 Mo 
Mini Bridge 


[el 
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Ensuite, en cliquant simplement, vous ajouterez des points d'articulation: 
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En faisant un clic droit sur un des points d'articulation pour Masquer le filet: 
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Nous avons alors: 


D la rotation automatique 
Réinitialiser la profondeur 


En avant 
En arrière 


Supprimer tous les coins 
Sélectionner tous les coins 
Masquer le Filet 


Sciences.ch 


Ensuite, 1l "suffit" de déplacer modérément les points (tout en faisant attention à la logique de 


la gravité.…): 
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Exercice 72. 


Le but de ce tutorial va être de créer un effet de pluie grâce à un autre filtre. 


Nous partons de la photo suivante: 


Pluie.jpg 


Ensuite, nous création un nouveau calque au-dessus que nous remplissons de Noir. 


Nous allons ensuite dans Filtre/Bruit/Ajout de bruit, avec une Quantité de 15%, une 
répartition Gaussienne et le tout en Monochromatique: 
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Ajout de bruit | X| 


âännuler | 


NM âperçu 


=] 10036 +] 
Quantité : [TS % 


——_—_—_—_—_—_—_—_—_—_—_—_—_—_— 
| Répartition 

| © Uniforme 

| & Gaussienne 


NM Monochromatique 


ce qui donne: 


Ensuite, nous allons dans Filtre/Atténuation/Flou Directionnel avec un Angle de 62 et une 
distance de 15 (angle à régler en fonction de la photo): 
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&nnuler | 


NV é&percu 


=] 100% +] 
ängle : [62 2 (7) 
Distance : 15 pixels 


Ensuite, nous réglons le Contraste (Image/Réglages/Luminosité/Contraste) augmenté à + de 
50%: 


Luminosité : | 0 


Contraste : | +70 
—— + 


NM âperçu 


On peut également jouer sur les niveaux (Ctr+L) pour renforcer les tonalités claires et 
foncées: 
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Niveaux x] 
| Couche : [Rve -| | 
Niveaux d'entrée : [28 [0.78 | 185 SPA 


Charger. | 
Enregistrer. | 
auto | 

= Options. | 


Niveaux de sortie : [o [255 # À À 


I 
* à M £perçu 


Nous avons alors: 


Ensuite, nous mettons ce calque en mode Superposition (ce qui va supprimer le noir) ce qui 
nous donne au final: 
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Vous pouvez répéter la manipulation mais en allant dans Filtre/Texture/Craquelure avant de 
mettre le Flou directionnel (cela fera un effet de blizzard au lieu d'un effet de pluie). Au 
besoin, juste après l'effet de pointillisme, vous pouvez changer le seuil (vers la haut) pour 
atténuer l'effet de blizzard. 
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Exercice 73. 


Créons un nouveau document avec un fond blanc prenez comme valeur de premier plan gris 
foncé #3C3C3C couleur d'arrière plan blanc, puis appliquez filtre Rendu/Nuage: 


Allez ensuite dans filtre Atténuation/Flou radial. Appliquez un flou radial de 40 en mode 
Rotation de qualité Normale. 


Remarque: Ce filtre est très souvent utilisé pour faire les effets de rotation sur les roues de 
véhicules en mouvement comme ci-dessous: 
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ou sur une photo de ce type: 


Bref revenons en à notre exercice initial: 


Appliquez le filtre Esquisse/Bas-relief de Détail 13 et Lissage 10: 
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Bas-relief (100%) Le 


[AT [D C2 Artistiques 


ES De 
D J Contours EnnUer. | 
D [2 Déformation 
[Basieier a] 
F h Détail (IE 
x 
" : [ 
Chrome Contour déchiré pis Le 
AT à [ ] 
y 2 7 Lumière : [Bas R£ 


Fusain 


L 


Ph 


Refaire un Flou Radial de 40 en Mode Rotation de Qualité normale puis 
Filtre/Esquisse/Chrome de Détail 10 et Lissage 5: 


Chrome (100%] 


[AT TD 23 Astistiques 


À WA 
D 1 Contaurs 
ÆNnuIEr. | 
D [2 Déformation 
=" [Chrome | 
‘ Détail Fo 


Contour déchiré Éisage F 
s Pa 


Bas-relief 


Craie/Fusain 


Chrome 


Pan 
Réticulation 


Puis pour ajouter de la couleur il faut les Redéfinir pour cela appuyez sur les touches: Ctrl+U 
sélectionnez la case redéfinir puis tapez les valeurs suivantes (Vous pouvez bien sûr attribuer 
d'autres valeurs). 
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MoCiNEN Global F7 


Sans oublier de cocher la case Redéfinir en bas à droite. 


Voici l'effet final obtenu: 
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Exercice 74. 


Sciences.ch 


Voyons un autre exemple très courant du filtre Flou radial. Qui permet de faire un effet que 
certains appellent la Main de dieu. 


Ouvrez l'image suivante: 


F oret. 14 


Faites un copie de ce calque au-dessus de l'existant: 


[Normal =]  Opacité : [1009 [n. 
Verrou: [] ÿ + @ Fond: [io [r] 


se; Main de dieu. 


F2 | [ss EA Fond Original 


9. O = À, à 3/> 


Ensuite avec le nouveau calque sélectionné, allez dans Filtre/Atténuation/Flou radial en 
prenant soin de mettre à peu près les mêmes paramètres et en tirant le centre du flou vers 
l'endroit où se trouve la source de la lumière divine. ..: 
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Flou radial x] 


Se 
A AN 


Cela donnera: 


Sciences.ch 


Mettez le calque actif en mode Superposition. Cela donnera: 
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477 


{x} 

Caïques Couches \ Tracés K (>) 
[superposition *]  Opacité : Cioos 1e] 
Verrou ! Qiéa Fond {1009 |» 
E 


k | ÿ. | s|z LES de dieu... 


|| |A Fond original 


# 


So © à 4 /[z 


». 


Enfin, quelques réglages de contracte et de luminosité non destructifs en passant par 
Calques/Nouveau calque de réglage/Luminosité-Contraste et mode écrêtage afin qu'il 
n'influence que le calque actif: 


Nouveau calque x] 
Nom : | Réglages Lumière Lx _] 
NV Créer un masque d'écrêtage d'après le calque précédent Annuler | 


Couleur : | [] Sans -] 


Mode : | Normal v Opacité : [100 [+ |% 


Ce qui donnera: 
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Luminosité : 


ännuler | 


Contraste : [+62 F aperçu 
+ — 


Pas mal... et on peut utiliser cette même technique pour un peu tout et n'importe quoi (avec 
notre image ConceptCar.jpg par exemple): 
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Exercice 75. 


Nous allons revenir ici à nos deux parachutistes pour les détourer. D'abord ouvrez l'image 
suivante en faisant immédiatement une duplication du calque: 


Parachutistes.jpg 


avec la duplication: 


S À détourer 


Ensuite, allez dans 1mages/Réglages/Luminosité contraste et descendez la luminosité au 
maximum. Vous obtiendrez: 
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Ensuite, allez dans Images/Réglages/Teinte et Saturation et mettez la Saturation au 
minimum pour se débarrasser des couleurs. 


Ensuite dans Images/Réglages/Courbes effectuez le réglage suivant: 

x 
Couche: RUB | | 
To Annuler | 


Charger. | 
Enregistrer. | 


Auto | 


Options... | 


Entrée : [6 ; 
Sorties] 231 ES ad 


M âperçu 


&, 


et là il n'y a plus qu'à utiliser l'Outil Lasso:avec éventuellement une dilatation de 1 pixel (via 
le menu Sélection/Modifier), d'intervertir la sélection et ensuite de passer au calque original: 
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Rappel: Pour se déplacer sur une image pendant une sélection avec le lasso appuyez sur la 
barre d'espacement du clavier, cela aura pour effet de transformer temporairement l'Outil 


Adobe Photoshop 332/577 


Vincent ISOZ Sciences.ch 


Lasso en Outil Main. Appuyez sur Ctrl+Espace transformer temporairement le lasso en 
l'Outil zoom. 
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Exercice 76. 


Nous allons vous proposer de transformer vos photos favorites en dessins noir et blanc et ceci 
sans aucun coup de crayon avec deux techniques différentes dont les résultats différent en 
qualité! 


Ouvrez une photo assez claire, pour un meilleur rendu. 


Minigolf.jpg 


Passez cette image en niveaux de gris (Image/ Modes/ Niveaux de gris), puis dupliquez le 
calque existant. 


Passez ce calque en Négatif (Ctrl + I ou Image/ Réglages/ Négatif): 
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Dans la fenêtre de navigation des calques, cliquez dans la liste et choisissez Densité couleur - 
. Votre image deviendra alors presque blanche, mais ne vous inquiétez pas! 


Touche finale, appliquez un flou gaussien (Filtre/ Atténuation/ Flou Gaussien) pour obtenir 
le résultat voulu, en modifiant les paramètres pour modifier les traits. 


Mais on peut parfois faire mieux (ce qui est le cas avec la présente photo) avec une autre 
méthode. Reprenons la photo d'origine et allons dans le menu Filtre/Esthétique/Contour 
lumineux. Et mettez par exemples les paramètres suivants (il faut jouer avec): 


Contour lumineux (100%) = L 


[a] b CG Artistiques 
D L_J Contours 


» 


[We 


ÆNNUIEr | 

D [2] Déformation 

D [2] Esquisse [Contour lumineux | 

Y L2Esthéti 

TT inde pes Epaisseur E 

Luminosité E 
er 
Lissage F 


D (1 Textures 


Contour lumineux 


Validez par OK et ensuite passez l'image en mode Négatif (Ctrl+[) pour obtenir au final: 
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TE io 
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Exercice 77. 


Nous allons voir dans cet exercice comment faire tourner (rotation) un objet quelconque 
(graphique ou texte vectoriel) autour d'un axe quelconque. Précisons que cela est très souvent 
utilisé dans les domaines techniques ou du design. 


Pour cet exemple, nous allons partir de cette montre faite sous Illustrator et importée dans 
Photoshop: 


Montre.jpg 


Ensuite, sur le midi de la montre, sur un nouveau calque, avec une sélection remplir de noir 
un petit rectangle comme ci-dessous (aidez-vous d'un repère au besoin pour être précis): 


Ensuite, dans le menu Edition nous prenons l'option Transformation manuelle. Une fois 
ceci fait, il faut déplacer le curseur se trouvant au barycentre de notre géométrie avec la 
touche ALT du clavier, au centre de notre montre comme l'indique la figure ci-dessous: 
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Ceci permet de définir le centre de rotation. Ensuite, dans la barre d'outils nous prenons 
360/12 soit 30 degrés: 


=[ + 


Nous validons la transformation par un Enter et ensuite nous appliquons le raccourci clavier 
Ctrl+Shift+T qui répète la transformation (pas très intéressant) alors que Ctrl+Shift+Alt+T le 
copie et répète. 


À la fin, vous obtiendrez: 
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Exercice 78. 


Objectif créatif: Créer une pomme bien luisante à l'image d'une nature morte! 


Dans cet exercice, nous allons travailler à partir de cette pomme créée au préalable dans 
Adobe Illustrator. Mais rien ne vous empêche de la créer aussi dans Adobe Photoshop. C'est 
un bon exercice pour l'utilisation de l'Outil Plume. 


Le but étant d'ajouter un jeu d'ombre et de lumière comme pour la création d'une nature morte 
en peinture. 


Pomme.jpg 


Utiliser l'Outil Densité + dans Photoshop afin de créer des effets d'ombres localisés en tenant 
des paramètres suivants: 


; © + | Forme: - % Gamme : | Tons move... | Exposition : | 50% à EA 


Ensuite à l'aide de cet outil assombrissez les contours de la pomme de manière à obtenir le 
résultat suivant: 
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Avec l'Outil Pipette, pipez la couleur la plus sombre que vous avez engendré avec l'Outil 
Densité +. Ensuite activez l'Outil Pinceau et peignez par-dessus la zone blanche à la racine 
de la pomme. 


Sélectionnez un brun foncé et remplissez la zone blanche de la tige de manière à obtenir le 
résultat suivant: 


Maintenant, à l'aide de l'Outil Doigt, nous allons éparpiller la couleur au niveau de la racine 
de la pomme (comme du papier buvard. Pour adoucir encore plus, on peut ensuite aussi 
utiliser l'Outil Goutte d'eau (utilisé également dans le mannequinat pour nettoyer la peau 
dans des drafts). 


FE 


Mode : Intensité : | 50% | | [Utiliser tous les calques []Peinture au doigt 


Forme: % + 
13 


Puis activer l'Outil Pinceau avec une couleur blanche pour créer les reflets sur la pomme 
comme Ci-dessous: 


IH + |Forme: À + 
: 65 


Mode: Opacté uen] À | 
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Puis activer l'Outil Densité + et amplifier l'effet d'ombre de la pomme autour de la tige verte. 


Terminez les finissions en éparpillant la couleur à l'aide de l'Outil Doigt... puis admirez le 
résultat! 
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Exercice 79. 


Voyons un autre exemple d'application courant en photographie de l'Outil Goutte d'eau. 
Ouvrez la photo suivante: 


Singe.jpg 


Nous aimerions faire ressortir le singe en floutant tout ce qu'il y autour. Bien qu'il y ait une 
technique permettant de faire cela via les filtres, elle nécessite une sélection préalable qui peut 
parfois être laborieuse en fonction du temps à disposition. La méthode rapide consiste alors à 


utiliser l'Outil Goutte d'eau ©. pour avoir une idée du résultat final. 


S1 vous activez donc l'outil en question avec les paramètres types suivantes. 
Et Forme: Le [ | Mode : [Normal =] Intensité : | 1003 |» | T Utiliser tous les calques 


Vous pouvez alors comparer les deux résultats: 
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La seconde est donc plus professionnelle. Si jamais 1l vous arrivait de flouter le singe sans 


faire exprès, vous pouvez toujours inverser l'effet en utilisant l'Outil Netteté À À. 
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Exercice 80. 


Nous allons voir dans cet exemple un cas générique pour faire suivre un texte une forme 
géométrique quelconque. 


D'abord, dans une image vide ou pas, avec l'Outil Plume faites un tracé de votre choix: 


Ensuite, avec l'Outil Texte, cliquez en n'importe quel point de votre tracé et écrivez... 


Ÿ 
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Exercice 81. 


Voici une façon de créer un titre percutant pour votre site Internet ou un document. 


Créez votre texte avec une couleur bleu clair et un fond blanc. Choisissez une typo grasse 


pour un meilleur rendu. 


Allez dans Filtre puis dans Pixellisation et enfin dans Cristallisation (il faudra aplatir l'image 
au préalable). Affichez une valeur d'environ 4. 


Sélectionnez avec la Baguette Magique votre texte (appuyez sur MAJ pour effectuer une 
sélection multiple et au besoin inversez la sélection) et copiez le. 


Créez un Nouveau Calque avec un fond blanc (il ne servira que pour cacher momentanément 
le fond). Collez votre sélection dans un deuxième nouveau calque et remplissez votre texte 
d'une couleur bleu plus claire. Vous devriez obtenir ceci. 


GLACE 


Adobe Photoshop 345/577 


Vincent ISOZ Sciences.ch 


Effectuez avec votre Calque 2 une rotation de 90° (menu Edition / Transformation / 
Rotation 90° horaire). Allez dans le menu Filtre, puis dans Esthétique puis dans Soufflerie. 


Là, choisissez Effet Vent et Rafale. Effectuez ensuite un Flou Gaussien 
(Filtre/Atténuation) de 1.0 dessus. 


UT Rafale 
( Zigzag 


- Provenance 
© Gauche 
0 Droite 


Retournez à nouveau l'image en allant dans le menu Edition/Transformation/Rotation 90° 
anti-horaire. 
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Mettez le calque à fond blanc (vous savez, celui qui nous à servit à cacher le fond) à la 
poubelle. Déplacez votre calque de telle façon qu'il s'ajuste parfaitement au fond. Voilà, cela 
ne vous donne pas froid? 


[ormal l'opsité foo +] # 


M Préserver les zones transparentes 


Vous pouvez même lui donner ensuite quelques effets comme de la lueur externe ou un biseau 
externe... 


Il existe encore une autre manière de faire avec un résultat différent: 


Il suffit de créer un calque sur fond noir avec un texte blanc et fusionner aussi les calques: 


FRDID 


Ensuite de mettre un flou gaussien: 
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FROID 


Ensuite, de faire une Rotation 90° antihoraire et Filtre Esthétiques/Soufflerie avec Vent 
Gauche: 


Enfin, nous allons dans Image/Réglages/Balance des couleurs: Tons clairs - Bleu +100 et 
nous retournons l'image avec une rotation de l'image 90° horaire: 


FAOIQ 


La même technique peut s'appliquer sur presque n'importe que type d'objet. 
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Tampon fi 00%) 


SORT: [Tam on “| 
Bas-relief Chrome Contour déchiré P 
1 Clair/Foncé [25 
/ 
= 4 A EE 
re 4 Lissage Fo 
: F . 7 3 —_——_—_—————— 
Craie/Fusain Crayon Conté Fusain 


Er © 
= - 
Papier humide Photocopie 


RE k 
EST 477 . 

Plume Réticulation 
calligraphique 


MA 
Trame de 
derni-teintes 


et ensuite allez dans Filtre/Esquisse/Chrome. 
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Exercice 82. 


Nous partons de: 


Prairie.jpg 


Nous sélectionnons le fond blanc avec la baguette magique et ensuite nous activons une 
couleur de premier plan de type bleu ciel clair et un couleur d'arrière plan de type bleu ciel 


Eu 
» 


Ensuite, nous prenons l'outil dégradé et en maintenant la touche Shift enfoncée nous faisons 
un dégradé bien droit: 
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Ensuite, nous créons un nouveau calque au-dessus que nous nommerons Nuages et que nous 
passerons en mode Superposition. Désactivez la sélection et ensuite, remettez les couleurs de 


|] 
1 


et ensuite nous allons dans Filtre/Rendu/Nuage ce qui donnera: 


Ensuite, nous allons dans Image/Réglage/Niveaux et nous jouons avec ceux-ci: 
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Er uages.psd @ 100% (Nuage, RYB/8] 


10 
cb 
Ô 


a  — 
Niveauxd'entée [60 [0.25 |[215 —— 


Enregistrer. 

5 Options. 
Niveaux de sortie : fo [255 FE 2 | 
EE) 


Ensuite, nous dézoomons à 25% et nous allons transformer nos nuages en jouant avec 
Edition/Transformation Manuelle et Edition/Transformation/Perspective nous arrivons 


Ensuite, nous validons par la touche Enter et avec un masque de fusion et un dégradé nous 
améliorons l'effet au niveau de la prairie: 
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Suivant les choix des réglages des niveaux et de la perspective nous pouvons aussi arriver à ce 
genre de résultats: 


Bref c'est très variable. 
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Exercice 83. 


Le but de ce tutorial va être de créer des gouttes pour faire un effet mouillé sur un objet. 
Pour cela, crées un nouveau document de 500 par 355 pixels RVB avec font transparent. 
Créez un nouveau calque et remplissez-le de blanc. 


Ensuite, dans le menu Filtre choisissez Bruit/Ajout de bruit avec pour Facteur 400%, 
Répartition Gaussienne et Monochromatique. 


psd @ 100% (Calq{ jout de bruit 
PA Re MR 


a 


< ù a 
NA Facteur: [40000 % 


Répartition 
© Uniforme 
€ Gaussienne 


F Monochromatique 


Toujours dans le menu Filtre, sélectionnez Atténuation/Flou Gaussien avec un Rayon de 3 
pixels: 
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=] 100% +| 
Rayon : F.0 pixels 


RE 


Nous allons faire apparaître les gouttes. Dans le menu Image, choisissez Réglages/Seuil. 
Faites glisser le curseur légèrement vers la droite pour affiner les gouttes. 


:) goutte.psd @ 100% (Calque 5, RYB) 


Foi [En st 


"+ 


e 
os 
Valeur : |13 Lx _] 


Pour élargir les gouttes les gouttes, nous recommençons les 2 étapes précédentes, à savoir 
Flou Gaussien de Rayon 3 et Réglages/Seuil puis déplacement du curseur vers la droite. 
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NV âperçu 


Sciences.ch 


Activez l'Outil Baguette Magique, cliquez sur le fond blanc de votre calque pour supprimer 
votre sélection (le fond blanc). Ensuite, intervertissez la sélection (les gouttes sont maintenant 


sélectionnées). 


Cliquez sur votre couleur de premier plan et choisissez la couleur grise web #BSBSBS. 
Appuyez sur ALT+BACKSPACE pour remplir rapidement votre sélection, les gouttes, de la 


couleur grise. 


 goutte.psd @ 100% (Calque 5, RYB} 


Désélectionnez le calque. Ajoutez ensuite un style de calque avec les paramètres suivants: 
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Biseautage et estampage 


Structure 
Options de fusion : Personnal Style : [Biseau interne x] 
F Ombre portée Technique : [Lisser 2 


FT Ombre interne 


Profondeur : D —— 100 # 

Direction : € Haut (7 Bas 
Taille : ——> F5 px 
Fou: E px 


T Lueur externe 


FT Lueur interne 


[M Biseautage et estampage 


Ombr age 
ângle : hazo ® 
FN Utiliser l'éclairage global 
FT Incrustation couleur Elévation : Em | & 
D Incrustation en dégradé 
PRAGUE Contour brillant : L# D Lissé 
F Contour Mode des tons clairs : [Superpositioo xl LÉ 
Opacité à —_————>, 00  % 
Mode d'ombrage : [Produit xl = 


Opacité : TR F5 % 


Mettez également un style de Contour avec Taille 1, Position de type Centre et Opacité de 
50% et une couleur grise foncée de type #6B6B6B. 


Ensuite, créer un nouveau calque que vous placez en-dessous du calque contenant les gouttes. 
Sélectionnez ensuite le calque des gouttes et faites CTRL+E pour le fusionner avec le calque 
de dessous. Appliquez maintenant sur le calque des gouttes un Flou Gaussien de Rayon 1. 


Remarque: Nous faisons la fusion avec un calque transparent car ensuite l'application du flou 
gaussien ne sera mathématiquement pas gérée de la même manière. 


+; goutte.p 
CIEL" 
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Nous gouttes sont maintenant prêtes à être placées sur notre image de destination. Placez 
votre image sous le calque des gouttes. 


Appliquez le mode de fusion du calque gouttes Lumière Vive pour faire disparaître le centre 
des et ne laisser que leurs ombres et leurs aspects lumineux. 


Pour finir, effacez les gouttes en trop sur le calque pour qu'elles ne soient présentées qu'aux 
endroits adéquats. 


Voici l'image d'origine: 


 goutte.psd @ 100% (Calque 6, RYB) 


û1 


Pepsi.jpg 


et l'image finale: 
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; goutte.psd @ 100% {Calque 6, RYB) 


a 


Evidemment cela ne fonctionne pas aussi bien du premier coup avec tous les types d'objets ou 
de plantes. Il faut souvent retravailler le résultat final avec des masques de fusion, des effets 
de distorsion, des réglages de contraste, etc. 
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Exercice 84. 


Nous allons voir dans cet exercice comment importer un vidéo dans ImageReady, lui mettre 
un cadre provenant de Photoshop et au besoin comment corriger un défaut sur une image du 
film. 


D'abord, ouvrez dans Photoshop (ou directement dans ImageReady) l'image avec le poste de 
télévision suivant dont la zone sensible a été supprimée pour être transparente: 


ns 
rrovvere pans. 
Its, --- © --- 4 

... 


ne 


Téléviseur.psd 


Ensuite, passez l'image dans ImageReady depuis Photoshop en cliquant sur le bouton 
inférieur de la barre d'outils: TL. 


Une fois dans ImageReady, allez dans le menu Fichier/Ouvrir et sélectionnez la vidéo 
Hubble.avi: 


Séquence :C:\DOCUME“1\isoz\MESDOC"INPROFES®INE 


— Plage à importer 
& Du début à la fin 
© Plage sélectionnée seule 


Déplacez le curseur ou cliquez sur les Aèches tout en 
maintenant la touche Maj enfoncée, 


F Limite à chaqu [2e #] Image 


OK | Annuler | 


Hubble.avi 


et cliquez sur OK. Vous aurez alors: 
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fe où | 
letras CS NN, 


Ensuite, glissez le calque avec la télévision et placez le en tant que tout premier calque: 


xl 
Calques \ Historique \Scripts N (D 


[Normal + ] Opacité : | 100% + ] 
Verrou: L] 3 + @ Unifer: -à S 


EE" __- 


Fe 
ER FE ce 150 


[sie Lis Calque 143 
[sisi l'as Calque 148 


Le 


ü® 79 du à | Z 


Ensuite, placez correctement le calque de la télévision sur la première image et avec le clic 
droit prenez l'option Unifier la position du calque: 
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Style de calque 


Nouvelle tranche d'après un calque 
Nouvelle zone de carte-image d'après un calque 


Unifier la position du calque 
Unifier la visibilité du calque 
Unifier le style du calque 


äfficher l'aperçu 


Aperçu dans 
Passer à 


0,1- LL 


et cliquez sur le bouton Correspondance: 


Adobe ImageReady 


!\ Voulez-vous faire correspondre la position des autres images et états 
e 


à la position sélectionnée pour commencer à unifier ? 


&fficher : [a chaque fois -] Annuler | 


Ensuite, deux options s'offrent à nous. Faire un export au format SWF en allant dans 
Fichier/Exportation/Macromedia Flash ou Enregistrer une copie optimisée sous et 
choisir le format GIF. 
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Exercice 85. 


Nous allons créer ici un effet très sympathique souvent utilisé dans les entreprises pour des 
titres ou annonces diverses en interne. 


D'abord, créez une nouvelle image de 300x300 pixels sur fond blanc et faites-y un dégradé 
avec des couleurs de votre choix de haut en bas: 


Allez maintenant dans le menu: Filtre/Déformation/Onde. Mettez la valeur 5 pour 
Générateurs et changez la forme en Rectangulaire, puis, laissez les autres paramètres par 
défaut et validez. 


Maintenant allez dans le menu Filtre/Déformation/Cordonnées polaires, et cochez 
Rectangulaire en polaire: 


Enfin, allez dans les effets du calque et mettez un effet de Biseautage et estampage. 
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Exercice 86. 


Nous allons voir ici comment créer un arc-en-ciel. 


Créez pour cela une image de 500 par 500 pixels et faites y une sélection rectangulaire de 
taille 40 par 250 pixels: 


Sans te ED =inix 


ssod 


Editeur de dégradé 


—— Paramètres prédéfinis 10: 


PA 4/2 = 
DA P7. crever | 
Enregistrer. | 


Nom : [Personnalisé Nouveau | 


Type de dégradé : | Uniforre -| 
lissage | 100 blé 


EE 


ârrêts 


(DISAGILEN L»] 9f. Positiarin | f. 
GOUIEUT | è Basin | ÿf, 


SUBENNMEN 


SUBENIMEr 


Ensuite appliquez le dégradé dans la sélection: 
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Désélectionnez puis appliquez le Filtre/Déformation/Coordonnées polaires (il n'est pas 
nécessaire de faire une sélection circulaire): 


Coordonnées polaires x! 
OK | 


| s% +] 
& Rectangulaire en polaire 


© Polaire en rectangulaire 


et appliquez et faite une rotation de 180°: 
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Ensuite, enlevez le blanc environnant et mettez un Flou Gaussien de Rayon 2, intégrez le 
calque de l'arc-en-ciel sur une image de votre choix et jouez avec l'opacité du calque et les 
dégradés sur les masques de fusion: 


nationalgeogrephic com 
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Exercice 87. 


Créez une image de 800*600, RVB, 72 ppp, transparent. 
Mans titre -1 

— Taille de l'image : 1,38M — ännuler | 

Largeur : fo [pixels 
Hauteur : fo [pixels 
Résolution : F2 [pixels/pouce  #] 


Mode : | Couleurs RYB -] 


— Remplir avec 


© Blanc 
© Couleur d'arriere-plan 
& Transparent 


Remplissez le Calque 1 en noir. 
Créez un nouveau calque (Calque 2). Remplissez le Calque 2 en noir. 


[Caïques N Couches N Tracés KT] 
[normal =] Opacité : 00 (| # 


T Préserver les zones transparentes 


Ti Calque 1 


Et enfin, mettez le calque en mode Eclaircir: 


[Ectaircir +] Opacit Choo »13 


ETS 


Tracez six traits blancs verticaux de 6 pixels. Il faut qu'ils se rejoignent en bas (serrez les le 
plus possible). 


Sélectionnez l'Outil Trait: 
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| 


Recommencez deux fois la procédure: 

- Créez un nouveau calque (calque 3 puis calque 4) 

- Remplissez le calque 2 puis le calque 3 en noir. 

- Mettez le calque en mode Eclaircir 

-  Tracez six traits blancs verticaux de 6 pixels. Il faut qu'ils se rejoignent en bas. 


Vous devriez voir ceci: 


Faites 3 filtres zigzag avec les paramètres suivant: 
- Calque 2 

o Amplitude 10 

o Inflexions 5 

o Mode: Autour du centre 
- Calque 3 

o Amplitude 10 

o Inflexions 2 

o Mode: Autour du centre 
- Calque 4 

o Amplitude 15 

o Inflexions 2 


o Mode: Autour du centre 
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Vous devriez voir ceci: 


S1 vous n'avez pas ceci... Mettez sur chaque calque un peu de Flou gaussien, mais pas trop. 


Comme vous le voyez, c'est bof. Et c'est normal ! Mettez l'opacité des calques avec les 
paramètres suivant: 


- Calque 2: 100 % 

- Calque 3: 60 % 

- Calque 4: 40 % 

Créez un nouveau calque (calque 5) et mettez-le en premier plan. 

Faites un rendu Nuages. Filtre/Rendu/Nuages et puis passez ce calque en mode Incrustation 


Vous devriez voir ceci: 


it NJ 
[Caïques N Couches N Tracés N [>] 
[ncrustation — MmOpacité-hioo mx 


M Préserver les zones transparentes 
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Et voilà! Votre fumée est prête... 
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Exercice 88. 


Choisissez une image quelconque et créez un nouveau document avec une couleur de fond 
noire (prenez la couverture d'un livre c'est plus sympa!). 


Ensuite, copiez votre image dans le nouveau calque. 


Préserver les zones transparentes 


Encore une fois, créez un nouveau calque (au-dessus de tous les autres) et nommez-le 


"ombre". Sélectionnez l'Outil lasso polygonal pour créer un triangle tel que montré ci- 
bas. Remplissez la sélection de noir et appuyez sur (Crtl+ D) pour le désélectionner. 


a bryce_ville_finale jpg @ 100% (ombre 


& biyce_ville_finale jpg @ 100% (ombre 


Rappel: Pour se déplacer sur une image pendant une sélection avec le lasso appuyez sur la 
barre d'espacement du clavier, cela aura pour effet de transformer temporairement l'Outil 
Lasso en Outil Main. Appuyez sur Ctrl+Espace transformer temporairement le lasso en 
l'Outil zoom. 
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Créez un autre calque et nommez-le courbure. Maintenant, à l'aide de l'outil de sélection 
rectangulaire, dessinez un rectangle (voir à la page suivante). Notez qu'il est très important 
que vous utilisiez des calques pour créer cet effet. 


T Préserver les zones transparentes 


Maintenant, utilisez l'Outil dégradé linéaire pour appliquer ce format ou transférez le fichier 
dégradé pour remplir la sélection. 


äjuster : © Couleur © Transparence 


CR Ô Ô 


&i bryce_ville_finale jpg e 100% {courb (OI X! 


Ensuite faites: Edition/Transformation/Perspective, glissez les 2 points jusqu'au centre et 
appliquez la modification. 


Faites: Edition/Transformation/Rotation. Faites la rotation tel que montré à l'image ci-bas, 
apportez la modification. 


Faites encore: Edition/Transformation/ Homothétie, et traînez-le jusqu'en bas tel que 
montré ci-bas. Appliquez la modification et appuyez sur (Ctrl+D) pour le désélectionner. 
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Sélectionnez maintenant l'Outil de sélection Circulaire pour faire un cercle. Placez-le en bas 
du calque courbure, (utilisez au besoin l'outil Sélection/Transformer la sélection) et 
appuyez sur la touche Supprimer. 


Maintenant ajoutez un peu d'ombre au calque courbure. Faites: Calque/Effets/Ombre 
Portée. Mettez l'angle à 90 degrés et faites le reste selon votre choix. Pour ma part, j'ai mis la 
valeur de Distance et Flou à 10. 


Et voila comment on tourne la page sous Photoshop... 
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Exercice 89. 


Nous allons ic1 créer comme image de départ un cercle blanc sur fond noir (avec une calque 
noir en fond aussi au besoin). Les 2 sont fusionnés: 


Ensuite, nous passons de Polaire en  Rectangulaire via le menu 
Filtre/Déformation/Coordonnées polaires: 


Nous faisons ensuite une Rotation 90° horaire qui va servir à appliquer le 
Filtre/Esthétiques/Soufflerie: Vent, Droite, 3 fois: 


Ensuite, Rotation 90° anti-horaire pour revenir à la rotation de départ: 
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Passage Rectangulaire en Polaire (Filtre/Déformation/Coordonnées Polaires): 


Eventuellement application d'un léger Flou Gaussien: 


Il est possible de faire la même chose avec du texte pixellisé aussi et cela peut donner des 
résultats sympas. 
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Exercice 90. 


Le but de cet exercice est de voir comment appliquer des filtres uniquement sur pour en 
appliquer ensuite le résultat sur une image. 


Pour cet exemple particulier, nous partons de l'image suivante: 


Cascade.jpg 


gæ1 
Nous faisons ensuite une sélection rectangulaire avec l'Outil Rectangle de sélection :-‘ : 
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Æ5 Adobe Photoshop -[5[x] 
Fichier Edition Image Calque Sélection Filre Affichage Fenêtre Aide 


[65:67 96 ] Rectangle de sélection: 


D Trace un rectangle de sélection ou déplace le contour de la sélection, Options : Majuscule, Alt et Ctrl. 


Nous passons ensuite l'image en mode en Mode Masque (ce qui va automatique nous créer 
une couche alpha temporaire nommée Masque alors que plus loin nous verrons que dans la 
palette Couches il y a un bouton pour créer la couche de manière "définitive"): 


ile | 


pour obtenir: 
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Ensuite, dans la palette des Couches vous aurez un nouveau masque (remarquez le bouton M 
en bas de la palette qui permet de créer une couche "définitive": 


Couches \ Tracés 


© © au 1% 


Nous allons ensuite dans Filtres/Déformation/Verre...: 
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Æ Adobe Photoshop -[5[x} 
ere CT ET CCC 


LE 6 | conaprpent MR D ee ce LES 


orêt.ipg @ 66.7% (Masque/8) 


E 5 Navigateur X Infos W, Histogramme » 
[CS 
PA = x 
4x 
Eæ2 true | = 
Le pe [Verre | les D 
S Das 5. 100% 
Ed —— 
S = 
ue 
A À Texture: OC F 
D 
“2 = Echele 100 % = 
EH RE RE 
” = 
(de sélection 
clfe] 
EE] de sélection 
Cv Ë 
[de sélection 
[de sélection 
[de sélection 
C7 
7 
66.67 96 | Rectangle de sélection h Filtre : Verre Trace un rectangle de sélection ou déplace le contour de la sélection. Options : Majuscule, Alt et Ctrl, 


et comme nous pouvons le voir, le filtre ne s'applique qu'au masque et nous y prenons la 
texture de type Fine. Ce qui donne: 
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Ur GUAM 


Lg L, 
DE CR RS - d À 


Afin de conserver cet effet pour plus tard, nous allons faire un copie du masque en le glissant 
sur le bouton Créer une couche El. Ce qui donne Masque copie comme visible ci-dessous: 


| Calques Couches \ Tracés VW Cr] 
Ctri+) 
Ctrl+1 
Ctrl+2 
Ctrl+3 
Ctrl+4 


Nous allons ensuite récupérer la couche comme sélection en cliquant en bas de la palette sur 
le premier bouton en partant de la gauche Récupérer la couche en tant que sélection: 


Nous avons alors: 
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Æ Adobe Photoshop 
Fichier Edition Image Calque Sélection Filtre Affichage Fenêtre Aide 


EN [aRr ii) | Contour progressif : To px F Lissé Style : [Normal a Largeur ! I Æ Hauteur : I | A 


INR Forêt.ipg @ 60.6% (Masque/8) 


Une fois ceci fait, nous retournons en Mode standard: 


et nous inversons la sélection avec la raccourci habituel Ctrl+Shift+I: 
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#5 Adobe Photoshop mEE| 


Fichier Edition Image Calque Sélection Filtre Affichage Fenêtre Aide 
IE | OM le mm Tiitsil æ Hurt | OREEaE 


Format L] Opscité : 
Verrou: À] x + @ Fond + 


66,67 96 | Rettengle dekélectiont D Trace un rectangle de sélection ou déplace le contour de |a sélection, Options : Majuscule, Alt et Ctrl. 


et nous faisons un Delete sur le clavier puis enfin désélectionnons avec Ctrl+D: 


La 
[] 
« 
0] 
‘ 
L) 
0] 
L 
L 
L 


4% 

\ 

À Le 
| 

£- 


Le LR ee 2e Re à R « pe 
… em esse eueneRaenerseesenaesmen»s : 


LE 


Donc voilà pour l'application d'un filtre sur un masque de sélection (couche alpha). 
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Exercice 91. 


Suivez les étapes afin de créer un effet chromé. 


Pour cela, créez un nouveau fichier avec une largeur de 272 pixels et une hauteur de 69 pixels, 
une résolution de 72 ppp, en mode RVB avec un fond blanc. 


Écrivez ensuite le texte ChRoME avec une police noire 


ChRoME 


Puis choisissez une police sympa (ex.: BN-Buzz!) avec une taille de 60 points 


CHROFE 


Maintenant nous allons copier les deux calques (le fond et le celui avec le texte) pour les 
coller dans une couche alpha. Pour faire ceci, nous sélectionnons l'ensemble de l'image 
(Ctrl+A) et nous copions avec fusion pour prendre les deux calques (Ctrl+Shift+C). Ensuite, 
nous créons une nouvelle couche alpha que nous nommerons Alpha 1 et nous collons la 
sélection dans la couche (Ctrl+V). 


FT RVE Ctrl+) 
Rouge Ctri+1 


Vert Ctrl+2 
Eleu Ctrl+3 
Ha Alpha t Ctri+4 


Ensuite il faut appliquer un Flou Gaussien de 3.5 pixels sur la couche alpha (menu 


Filtre/Atténuation) 


Sélectionnez ensuite sur le calque de fond (faites un clic dessus pour le déprotéger, si besoin 
est) puis allez dans le menu Filtre/Rendu/Eclairage: 


Normal v | Opacité : 100% » | 


verrou: [] x + @ Fond : | 100% > | 


Utilisez les paramètres ci-dessous (attention! La couche de texturage est l'Alpha 1). 
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Eclairage 


Style : | Par défaut 


Enregistrer. 


— Type: Projecteur 
Activé 
Intensité Négative 


Cône: Etoi Large 


Propriétés 

Brillance M&t 0 Brillant 
Matière : Plastique 63 Métallique 
Expositio® ous I Sur 


AmbiancNégative 8 Positive 


Texture: Alpha 1 v] 


W]Blanc = haut 


Relief: Plat 50 Montagneux 


Aperçu 


Avec la baguette magique, sélectionnez la zone en dehors du texte et ceci en utilisant le 
calque de texte de manière à avoir seulement le texte sélectionné. 


Ensuite, activez le Calque 0 et faites un Delete au clavier de manière à obtenir: 


ChhOAE 


Ensuite supprimez le calque Texte 


CHDOFAZ 


Maintenant, 1l nous faut créer les effets de réflexion de la lumière en ajustant les courbes de 
couleurs (Menu Image/Réglages/Courbes...) 


Curves Giolx 


Et vous obtiendrez ceci: 


CHPORAE 


Maintenant la dernière chose à faire est d'aller dans les propriétés du calque et d'y ajouter un 
effet d'ombre portée et de biseautage. Et vous obtiendrez ceci: 
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CHAOÎAE 


Maintenant aplatissez votre image ajoutez un ou plusieurs halos de lumière avec l'intensité de 


votre choix aux endroits qui vous conviennent. Pour faire cela allez dans le menu 
Filtre/Rendu/Halo: 


Centre de la source : 


ännuler 


Luminosité : % 
a 
Objectif 
(@)50-300 mm (z00m) 
(35 mm normal) 


(105 mm (normal) 
OFocale fixe Film 


CHHOME 


Notre image est bien sympathique mais manque un peu de couleur naturelle. Pour cela, allez 
dans le menu Image/Réglage/Teinte et Saturation et insérez les paramètres suivants: 


Ce qui donne au final: 
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Teinte/Saturation 


- Modifier : | Global ——— 
x) 
Teinte : 


Saturation : 7 
| Ces 


Q 


Luminosité : 


[_ ]Redéfinir 
L AA [M]apercu 


Voilà le travail!!! 
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Exercice 92. 


Le but de ce tutoriel est de montrer une application possible importante dans la mode du mode 
de calque Lumière Tamisée (et accessoirement c'est une gourmandise.….). 


Ouvrez l'image suivante: 


‘#2 


KE 


Jes 


sicaAlba.jpg 


Calques 
Normal + Opacité : | 100% x] 
verrou: [] Z + @ Fond : | 10096 


Ensuite, prenez l'Outil Pinceau en blanc avec un diamètre de 150px pour lui fait un 
shampoing blanc sur le calque Cheveux: 
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| Lumière tamisée v Opacité : 
Verrou: [] ÿ + @ Fond : 


Vous pouvez alors voir où est-ce que vous avez un peu trop débordé et corrigez avec l'Outil 


Gomme .. Ensuite, allez dans le menu Image/Réglages/Teinte/Saturation et jouez avec la 
luminosité pour la faire passez au brun avec un résltutat assez satisfaisant: 
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- Modifier: Global 


Teinte : 


Saturation : 


Luminosité : 


2 


ClRedéfinir 

À À À apercu 
se | 
| 
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Exercice 93. 


Ce tutorial Photoshop va vous expliquer comment on peut réaliser un effet pour un fond 
abtraïit. 


Pour commencer avec ce tutorial, créer une nouvelle image de 400 par 400 pixels avec un 
fond blanc. 


Pi Sans titre-1 @ 100% (RVB/8) C)EK) 


Ensuite nous allons réinitialiser les couleurs pour cela appuyez sur la touche D puis passez en 
mode Dégradé et mettez l'outil en mode Différence (Attention de ne pas oublier cette étape 
sinon vous n'aurez pas le résultat désiré) 


Ensuite une fois l'outil dégradé activé "éclatez" vous et faites comme bon vous semble (c'est 


ça l'art abstrait). Voilà le résultat auquel on peut arriver (évitez d'avoir les bords avec trop de 
blanc): 
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Pas trop dur jusque là... Ensuite dupliquez ce calque (cliquez sur le calque dans la palette des 
calque sans relâcher et déposez-le sur l'icône nouveau calque en bas à droite de la palette des 
calques), puis allez dans le menu Filtre/Déformation/Onde, et ajustez les paramètres comme 
ceci ou modifiez-les selon l'effet désiré: 


Générateurs : E) Forme : 
© Sinusoïdale 
© à : 
= | OIriangulaire 
nt st ORectangulaire 


EE 
—————————"{s Le 
Zones non définies : 
OReboucler 
© Pixels du contour 


Passez ce calque en mode éclaircir (dans la palette des calques: Mode/Éclaircir). 


S 


Maintenant 1l s'agit de dupliquer à nouveau le premier calque et de recommencer l'effet 
(Ctrl+F pour recommencer l'effet) puis passez ce calque en mode éclaircir faites cela 2 ou 3 
fois. 
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Vous pouvez aussi appliquer une transformation d'axe vertical et horizontal à 1 ou 2 calques 
via le menu Édition/Transformation/Symétrie d'axe … 


Ensuite fusionnez tous les calques en aplatissant l'image pour cela allez dans le menu: 
Calque/Aplatir l'image. Jouez ensuite avec la balance des couleurs via le menu 
Image/Réglages/Balance des couleurs. 
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Exercice 94. 


Nous allons voir dans ce tutorial comment changer le tonalité de couleurs d'un objet 
complexe. La méthode choisie ne passera pas par la le choix de la luminosité/contraste ou la 
balance des couleurs pour la simple raison que nous n'avons pas accès à toute la palette 
chromatique avec ces deux outils. 


Nous allons pour cet exercice partir de l'image suivante: 


Clio. jpg 


Nous vous laissons d'une manière ou d'une autre détourer: 
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Vous faites un clic droit sur la sélection et vous choisissez l'option Mémoriser la sélection: 


[ao x 
ECETONSE 


âlpha détourage 


Ce! 
ALIGUTER ANA ICGUCNE 
MASoUSstraie dela caUcNE 


Intersection yecla coute 


Et vous validez par OK ainsi votre sélection est bien sauvegardée. Pour récupérer la sélection 
une prochaine fois, vous allez dans le menu Sélection et vous choisissez l'option Récupérer 
la sélection. 

Ensuite, vous créez un nouveau calque que vous nommez Couleur. 


Donc maintenant que nous avons la sélection et notre calque Couleur, nous allons dans le 
menu Edition/Remplir: 


Matihpersonnalsen 


[normal x] 


100 


D Conservenies zones 'anspa rentes 


Et dans la liste déroulante Avec nous sélectionnons Couleur... puis piquons un couleur: 
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Xl 


D are | 

& re 

n Personnalisé 
OMC r:f22 e Crifa 
CSSS % CSN 21 
CL:186 % Cbi[-73 
CS | c:fa 
Cyioo Mife3 % 
Ce:f2 J:[o % 
# [215408 N:[o % 


Sélecteur de couleurs 


Choisir une couleur : 


F Couleurs Web uniquement 


Nous validons par OK: 


Maintenant, dans la palette des calques nous sélectionnons le mode de fusion Couleur: 


ME 
Calques Couches V Tracés K C 
[Couleur -] Opacité : [1005 |». 


Verrou: [] > ++ @ Fond : [1005 |». 


12172 [es LS 1 
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Et nous obtenons: 
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Exercice 95. 


Qui n'a pas souhaité effectuer des vis pour son interface? Vous l'avez rêvez et bien. voilà: 


Créez une nouvelle image avec un fond blanc, de 300x300 pixels avec une résolution de 150 
pixels/pouces. 


Ensuite, ajoutez un Nouveau calque transparent et créez une sélection ronde que vous 
remplissez d'un bleu passé #9EB7DE. 


ni Vis @ 66,7% (Vis A... 


Sans désélectionner votre cercle, créez une Nouvelle couche (vous devriez obtenir un cercle 
blanc et un fond noir). 


Ensuite, appliquez à la sélection un Flou gaussien de 8 pixels de rayon, puis un de 4, un de 2 
et un de 1. 


Désélectionnez le cercle et appliquez un dernier Flou gaussien de 1 pixel de rayon pour lisser 
les contours. 


el Vis @ 66,7% (Vis Aln… Pile] E3 


Co OTa le 


Vous allez maintenant simuler l'effet 3D...Pour cela, retournez dans les calques et récupérez la 
sélection: Sélection/Récupérer la sélection. 


Appliquez un effet de lumière via le menu Filtre/Rendu/Eclairage avec les réglages ci- 
dessous. 


Ils sont donnés à titre indicatif, à vous d'ajuster en fonction du résultat que vous souhaitez 
obtenir... 
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STYLE: 
TYPE: 
INTENSITE: 
CÔNE: 
BRILLANCE: 
MATIERE: 
EXPOSITION: 
AMBIANCE: 
TEXTURE: 


RELIEF: 


CU x 


M äperçu 


Phare montant 


Projecteur 


18 


50 


35 


50 


Alpha 1 


20 


- Style : [Phare montant -| — 
Enregistrer. | Supprimer | 


- Type: 
M äctivé 


Intensité : Négative 18 Maxi 
RE 


Cène : Etroit 50 Large 


| Projecteur Fe | — 


Sciences.ch 


— Propriétés 
Mat 0 


Plastique -100  Métalique 
Sous (] Sur 
Le ————_— 


Brillance : Brillant 


Matière : 


Exposition: 


Texture : 
FN Blanc = haut 
Ï Belief : Plat 21 Mont 


.Négative 6 Positive 


&mbiance : 
[älpha 1 mi | 


agneux 


Attention !! Il faut placer l'ellipse de projection de façon assez subtile afin d'obtenir un effet 


acceptable (faites plusieurs essais). 


Et la rainure ? La voici... 


Ajoutez un Nouveau calque, puis avec la sélection rectangulaire, dessinez un rectangle (peu 
importe la taille et l'orientation) que vous remplissez avec le même bleu que le cercle 


#9EB7DE. 


Toujours sur le même calque, pour donner un peu de relief à votre rainure, tracez un trait de 2 
pixels de chaque côté de la rainure, un blanc à gauche, un noir à droite. 
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Afin d'arrondir les extrémités du rectangle pour les alignées avec la vis, placez vous sur le 
calque contenant le cercle, récupérez la sélection du cercle via le menu Sélection/Récupérer 
la sélection, puis inversez cette sélection via le menu Sélection/Intervertir. 


Ensuite, placez-vous sur le calque contenant la rainure et appuyez sur la touche Suppr de 
votre clavier pour supprimer les morceaux de rectangle qui dépassent. Vous obtenez le 
résultat à la page suivante: 


f 
& Vis @ 66,7% (Rainu.. Ps] E4 —- 
[Caïques W Couches N° Tracés NT] 
Férma =] Opxcité : 100 #}# 


Une petite inclinaison de notre rainure avec une rotation dans via le menu 
Edition/Transformation manuelle puis appliquer un filtre de lumière pour l'associer à la vis 
Menu Filtre/Rendu/Eclairage avec les réglages ci-dessous. Avant d'appliquer veillez à ce 
que la lumière arrive du bon coté...: 


STYLE: Phare montant 
TYPE: Omnidirectionnel 
TEXTURE: Aucune 


Maintenant, gardez la rainure sélectionnée et jouez sur la lumière pour assombrir la couleur 
avec Images/Réglages/Luminosité-contraste. Diminuez de -15 environ. 


Vous pourriez constater que l'éclairage dans la rainure n'est pas cohérent avec l'éclairage 
global... Pour harmoniser le tout, il suffit d'accentuer, à partir du centre de la rainure, la zone 
sombre vers le haut et la zone claire vers le bas. 


Pour cela, utilisez les outils Densité moins pour éclaircir et Densité plus pour assombrir. 
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à Vis.psd @ 100% (RVB) 


Enfin, pour tenter d'améliore le tout, appliquez un flou gaussien Filtre/Atténuation/Flou 
gaussien d'un rayon de 3 pixels (suivant le résultat souhaité). 


Vous pouvez ajouter du bruit Filtre/Bruit/Ajout de bruit et/ou jouer sur les variantes 
Images/Réglages/Variantes comme dans l'exemple ci-dessous. 


ei Vis.psd @ 100% (AVE) 
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Exercice 96. 


Dans cet exercice nous allons apprendre à détourer en utilisant l'Outil Plume. 


Utilisons un cliché représentant Casimir sur un fond clair mais non uniforme, avec des effets 
d'ombre: 


Casimir.jpg 


Avec l'Outil Plume è -en mode Tracé: 
es 


nous allons d'abord créer un tracé polygonal, sans tangente, afin de délimiter rapidement le 
modèle par quelques points d'ancrage: 
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La ci-dessus montre le début des opérations. Par contre, pour un emploi confortable de la 
plume, cochez le paramètre Afficher le déplacement dans la barre d'outils de l'outil comme 
ci-dessous: 


| EI RME æ D () \V Pa -| F Ajout/Supr 
- = = Options de plume 


Vous voyez ainsi les cordes se créent avant de valider chaque point d'ancrage par un clic. 


Veillez à ce que chaque clic soit franc et stable, sinon vous risquez de générer avant l'heure 
les tangentes de Bézier. 


Cette première étape est donc plutôt rapide et peut être exécutée sans zoomer bestialement. 
Les ajustements seront possibles lors de la seconde passe. 


Faites ainsi le tour complet du modèle en n'oubliant pas de recliquer sur le point de départ 
pour valider le tracé Photoshop. 


Une fois le squelette obtenu, gardez le tracé actif puis sélectionnez l'Outil Plume+ 
(officiellement: symbolisé par une plume surmontée d'un signe +. 


vT.| 
E3 1) Outil Plume 5 
J {ÿouti Plume libre ü 


t. + Outil Ajout de point d'ancrage 


PAL 
È 1 Y Outil Suppression de point d'ancrage 


MN Outil Conversion de point 


Cet instrument permet à la fois d'insérer des points alors que l'Outil Conversion de point de 
régler la force et la direction des demi-tangentes (clic-et-glisser sur le point extrémité de la 
tangente), et même de déplacer les points anguleux précédemment disposés. 
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Une fois le travail terminé nous avons le genre de tracé suivant (mais sur tout le tour bien 
évidemment!): 


Voilà terminé le détourage proprement dit. Il vous reste à convertir le tracé en sélection et à 
extraire la forme. 


La méthode la plus simple consiste, depuis la palette Tracés, à activer votre tracé de travail 
puis à cliquer sur le bouton droite et de sélectionner Définir une sélection: 


CE 
Tracés 0 


Dunauerncetace. 
Supprimer ce tracé 


Fondldutece.. 
[Ta 


(Bortatureaur 


et voilà le travail! 
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Exercice 97. 


Dans cet exercice nous allons apprendre à détourer en utilisant l'Outil Plume libre. 


Il s'agit d'un concurrent de l'Outil Plume normal dans les cas simples de détourages (comme 
le Casimir par exemple). Il permet au débutant de laisse à Adobe Photoshop le soin de placer 
lui-même les premiers points d'ancrages qu'il faudra quand même... corriger par la suite. 


Pour voir le fonctionnement de cet outil et ses limites, nous n'allons pas répéter le Casimir. 
ce serait trop redondant. Donc ouvrez l'image suivante: 


ConceptCar.jpg 


et avec l'Outil Plume libre Ÿ! effectuez tranquillement le tour du concept car (n'oubliez pas 
de zoomer et d'utiliser Ctrl+Espace pour vous déplacer avec le zoom!). Vous verrez qu'alors 
que l'outil est par défaut avec un mode magnétique comme l'était l'Outil Lasso magnétique. 
Ce qui se voit bien sur la barre d'option de l'Outil Plume libre: 


Of lon ® S LC QONER”r F Magnétique [BTS Gi) à 


Et voilà ce que donne un premier tour en ayant laissé Photoshop choisir les points: 
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Il faut évidemment ensuite retravailler ces différents points puisque le résultat est encore loi 
d'être satisfaisant avec les autres outils plume. Ce qui constitue un exercice à faire seul. 


Ce qui est intéressant avec ce concept car. C'est qu'il y a plusieurs zone à détourer (voir dans 
portière droite + et dans l'aileron arrière). Et c'est ici que se situe l'intérêt principal de cet 


exercice! 


Voyons comment procéder avec la portière gauche. Si nous zoomons dessus: 


Toujours dans l'optique de faire un draft, avec l'Outil Plume libre, nous contournons 
l'intérieur des fenêtres: 
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et ce que nous aimerions maintenant, c'est que si nous convertissons le tracé en sélection: 


Dnnlquencetace 
Supprimer ce tracé 


Définir une sélection. 


Fond du tracé. 
Contour du tracé. 


Les fenêtres viennent avec mais tout en même temps, nous souhaiterions qu'elles restent 
modifiables! Pour ce faire, avec l'Outil Sélection de Tracé, sélectionnez les deux tracés de la 
fenêtre en maintenant la touche Shift du clavier enfoncée: 


et cliquez sur Associer: 
[Li ü) 4j Associer | | 


Enfin, pour terminer, toujours avec l'Outil Sélection de Tracé, sélectionnez le tracé de la 
fenêtre (puisqu'il ne constitue maintenant qu'un seul objet) + celui de la voiture: 


et cette fois-ci cliquez sur Exclure les zones de forme se chevauchant avant de cliquer sur 
Associer: 


Cr CIE Associer | 
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Et si vous transformez votre tracé en sélection, vous verrez que l'objectif est atteint: 


et on peut à tout moment retravailler les trois tracés (ou plus... si on compte l'aileron que vous 
ferez aussi). 
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Exercice 98. 


Nous allons voir dans cet exercice un exemple type de la bête. noire du détourage. Pour cela 
ouvrez l'image ci-dessous dans Photoshop: 


Tigre.jpg 


Créer un calque de fond blanc en-dessous du calque avec la photo et un masque de fusion sur 
le calque du tigre: 


Normal #1] Opacité : | 10096 » | 


Verrou: [] ÿ + @ Fond : | 100% 


Pour feindre la turbulence du pelage, nous choisissons un pinceau de forme bruitée, par 
exemple un granit, dont nous testons le rendu à l'échelle du contour à créer. Pour cela, ouvrez 
la palette des formes via la menu Fenêtres (ou F5): 
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Formes prédéfinies 


Forme de la pointe 

F Dynamique de forme 

T Diffusion 

T Texture 

V Forme double 

F Dynamique de la couleur 


F äutre dynamique 


T Bruit 

F Bords humides 
F äérographe 
F Lissage 


3 
5 
. 
9 
e 
13 
19 
5 
LI 
Ê 


E E E E EE E E E E EE 


T Protéger la texture 


Sélectionnez dans les brosses prédéfinies un type de brosse. Un choix typique serait de 
prendre Plume 2 et de jouer ensuite aves les paramètres des options se trouvant dans Forme 
double (cliquez bien dessus afin que Forme double devienne bleu): 
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r— 


Forme double 


Bee eEe\mim eme | 


et Diffusion: 
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Î 


=] 
—————————— Désactivé [ml | 
Diffusion e F4 
ETS 
À —] 
Désactivé [ml | 


Li) 
[| 
# 
LI 
Li) 
D) 
D) 
LI 
D) 
D) 


après avoir choisi la catégorie Formes faux finis: 


Adobe Photoshop 412/577 


Vincent ISOZ Sciences.ch 


al 


F1 Forme double BONNE ENS EUtTESGUUIS 


MÉNCMMENENCNE 
SUPPTIMENENGTNTE 
NÉE SEUI 


REUTEWIQNELE 


Be miss 


Formes faux finis 


Ensuite, il faut détourer: 
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Pi Sans ne 2 @ 200% (Calque 1, Masque de fusion/8] Couleur KNuancier 


= _— 


Forme de la pointe 
M Dynamique de forme 
F Diffusion 

[Texture 

Forme double 


M Autre dynamique 
Bruit 

M Bords humides 

M Aérographe & 
F Lissage 6 
1 Protéger la texture & 


Après plusieurs minutes de travail et en tournant (rotation) à maintes reprises l'image ou le 
pinceau en utilisant les options de Forme de la pointe: 


Forme de la pointe 

T Dynamique de forme 

F Diffusion 

T Texture 

F Forme double 

T Dynamique de la couleur 


Diamètre 


T Autre dynamique 


T Symétrie X T° Symétrie Ÿ 
F Bruit lé x 


F Bords humides Anale] 137° 


V âérographe Arrondi | 100% 
F Lissage 


Dureté 
T Protéger la texture 


F Pas 


nous obtenons: 
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De retour sur le calque de travail, nous retrouvons notre tigre sur un fond blanc uniforme, 
mais le contour laisse à désirer. La première mesure qui s'impose est de le déchirer plus 
sévèrement avec Filtre/Esquisse/Contour déchiré: 
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(l 


Contour déchiré (100%) … 


BIr 1 Artistiques 


» 


né 


D L_] Contours 
Ærmuler | 


D 2] Déformation 


W LDEsquisse [Contour déchiré n4 ] 
Es = 
Balance [ 3 
— À 
Lissage [ 1 
Æ A 
Contraste | 14 


CraiefFusain 


Contour déchiré 


et de jouer avec ce filtre sur le masque de fusion jusqu'à satisfaction et sans oublier je de 
corriger les moustaches après! Nous voyons bien ci-dessous la différence au niveau des bords 
après l'application du filtre: 
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Ensuite, pour prendre le tigre seul sur un paysage quelconque, faites un clic droit sur la 
masque de fusion et choisissez l'option Ajouter la sélection au masque de fusion. Copiez la 
sélection et collez-la sur une image de votre choix: 


A 19 f ’ NY » 
; a 4 à Nà N 


et voilà le travail! Essayez de faire la même chose avec le filtre Extraire (qui n'est pas 


disponible dans le CS4 sauf manip spéciale?. .…) par curiosité pour voir la différence au niveau 
du résultat. 


2 II faut télécharger les fichiers ExtractPlusFR.8BE, ExtractPlusGB.8BF sur le site d'Adobe et 
les copier dans le dossier plug-in d'installation de Photoshop contenant tous les autres *.8bf. 
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Exercice 99. 


Attention cet outil ne fonctionne plus très bien entre la version CS et CS3 pour des raisons qui 
me sont inconnues. Dès lors il faut diminuer l'épaisseur Outil Sélecteur de Contour à une 
valeur très faible et se mettre en mode Sélection optimisée. 


Nous allons voir dans ce tutorial comment détouré un individu avec Filtre/Extraire (qui n'est 
plus disponible dans le CS4 sauf manip spéciale...). Pour ceci, nous allons d'abord prendre la 
photo suivante: 


Bedouin.jpg 


Et la copier de manière à l'avoir sur deux calques: 


= [# Fes 


Ensuite, vous masque le calque Original et une fois le calque A détourer activé, allez dans 
Filtre/Extraire: 
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Sciences.ch 


Cliquez sur Aperçu pour voir l'image dont l'amière-plan a été supprimé ou sur OK pour extraire l'image et sortir immédiatement. 


OK 


2p | QR RON 


7 
s7 


Annuler 


Aperçu 
-— Options d'outils 
Sélecteur | vert » 
Remplssage feu [+] 


F Sélection optimisée 


r— Extraction 


F Image terturée 
Lisser:[o » 
Couche LE ans F 


FT Forcer premier-plan 


2 


Affichage [5ère La 
F Afficher le sélecteur 
F Afficher le remplissage 


Nous souhaitons retirer cet individu du fond qui se trouve derrière lui. Pour cela, 1l suffit 
d'abord d'activer l'option à droite Sélection optimisée et ensuite avec l'Outil Sélecteur de 
Contour qui est vert de sélectionner le contour de l'individu et ensuite avec l'Outil 
Remplissage (bleu) se trouvant dans la fenêtre du filtre Extraire de cliquer à l'intérieur de la 


zone délimitée par le tracé vert. 


Et vous validez par OK. Vous obtenez alors: 
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Ce qui est pas mal avec cet outil c'est que même avec un détourage grossier, le filtre spécialisé 
corrige automatiquement votre travail d'où l'excellent qualité du travail. Ensuite, nous 
pouvons enlever les morceaux superflus avec l'Outil Gomme. 


Sinon, pour récupérer des morceaux de l'image, il suffit dans l'historique de Photoshop 
d'activer l'action de duplication du calque: 


EP = Dupliquer le calque 
El Propriétés de calque 


El Exiraie 


et ce afin que le pinceau historique apparaisse en face de l'action Dupliquer le calque. 


Ensuite, il faut simplement activer l'Outil forme historique F3 et de peindre en dehors de 
notre bédouin. 
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Exercice 100. 


Pour ce tutorial, nous allons prendre une voiture. Commencez par la détourer pour en garder 
que la voiture. Placez-la sur un document avec un fond blanc. 


- 


Voiture.jpg 
Prévoyez de la place dans le bas de votre image, c'est là que l'on aura notre effet de miroir. 


Une fois détourée, dupliquez votre calque. Allez dans le menu Edition puis sur 
Transformation et enfin sur Symétrie axe vertical. Placez votre voiture en-dessous. 


Allez dans le menu Edition, puis sur Transformation et enfin sur Perspective et élargissez 
votre voiture comme ci-dessous. Placez ce calque en-dessous de l'autre. 


C 
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Sur la palette des Calques, cliquez sur l'icône Masque de fusion: 


Mi F4 
| Caïques X, Couches N Tracés N_ [ 
[Normal 77 x} Opacté: fre  »] % 


V Préserver les zones transparentes 


Cliquez ensuite sur l'icône Dégradé linéaire et choisissez un dégradé noir vers blanc. Etalez 
ensuite votre dégradé sur la voiture. Une partie de la voiture disparaît. 


Pour fignoler l'effet, allez sur la palette des Calques et réduisez l'opacité de votre calque. On 
s'y croirait, non ? 
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Exercice 101. 


Dans cet exercice, nous allons créer une fausse sphère. Pour ce faire, créez un nouveau fichier 
de 200x200, RVB, 72 dpi, fond noir. 


Sur un nouveau calque, créez-y une sélection circulaire: 


Utilisez maintenant l'outil de Dégradé radial afin d'obtenir un remplissage tel que celui ci- 
dessous dans la sélection: 


Appliquez maintenant à la section un Filtre\Flou Gaussien de 3 pixels et allez ensuite dans 
Rendu/Eclairage et fixes les paramètres tel que donnés à la page suivante: 
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LEchairage ral 


Style : [Par défaut -| 
Es — 


Enregistrer. | 
Type : | Omnidirectionnel A ——— 


SUppiMEr 


FN äctivé 

Intensité : Négative 35 Maxi || 
Rs — — 

Cône : Etroit___63 Large 

Propriétés 

Brlance : Mat 0 Brillant 
———— 

Matière: Plastique 71 Métalique || 
EE - PS 

Exposition: Sous _Q__Su 

Ambiance : Négative 8 Positive 
Re 

Texture : | Sans + | 

|r4 Blanc =Hhaut 
Plat 50 Montagneux 

FN äperçu FA EEE 


Allez maintenant dans Filtre/Rendu/Halo: 


Luminosité: JE  % 
DRE 
ännuler | 


Centre de la source : 


Objectif : 
°° 50-300 mm {200m) 


© 35 mm (normal) 
© 105 mm (normal) 


L'halo doit être disposé adéquatement au centre de la zone d'ombre du disque (voir page 
après): 
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Sélectionnez maintenant l'extérieur du cercle avec la baquette magique. Dilatez la sélection de 
1 ou 2 pixels en allant dans le menu Sélection/Modifier/Dilater et appliquez un flou gaussien 
de 1 à 2 pixels sur le bord de la sphère pour éliminer l'aliazing. 


Vous pouvez faire la même chose avec un fond transparent si jamais! 


Nous pouvons aussi nous amuser avec un disque noir sur un nouveau calque et en utilisant la 
Transformation de type torsion et un Flou Gaussien à obtenir le résultat suivant: 


ou Encore En jouant avec des texture: 
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Sunset.jpg 


et en appliquant le filtre Déformation/Sphérisation: 


# 
FC 


LE 


En jouant avec l'Outil Densité + et le halo ainsi que la transformation en torsion d'un nouveau 
calque nous pouvons facilement arriver au résultat suivant: 
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Ph Sans titre-2 @ 100% (Calque 2 RMB28. 
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Exercice 102. 


Cet exercice a pour seul et unique but de familiariser un peu l'utilisateur avec le filtre 
Éclairage que nous allons utiliser dans l'exercice qui suit. 


Ouvrez pour cela l'image Oiseau.jpg: 


Afin de mettre l'élément d'intérêt en évidence, il est possible (sans passer par les maques de 
fusion bien que cela soit tout aussi simples, voire. préférable) d'utiliser le filtre Eclairage. 
Voyons comment! 


Pour cela allez dans le menu Filtre/Rendu/Éclairage avec les paramètres: 
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lÉciairage | x 


Style : | Projecteur tamisé A | 
Enregistrer... | Supprimer | Annuler 


Type : | Omnidirectionnel % | 
W] Activé 


Intensilé : Négative 50 Maxi || 
Dr - 
Etroit ( : 


Cône m == 


Propriétés 


Brillance : Met _,__-41 Brion 


Matière: Plastique __-36  Métallique || 
ne 
Exposition: Sous _ 5 __Su 


Ambiance :Négative __-44 Positive 
a —— 
Texture : Sans e | 
Blanc = haut 
Fa re: \elie Plat 100  Montagneux 
W] £perçu AE Î Relief k 


En validant par OK, vous aurez simplement: 


Ce qui peut être considéré comme subjectivement meilleur. 


Adobe Photoshop 429/577 


Vincent ISOZ Sciences.ch 


Exercice 103. 


Comment donner du volume à un motif... 


Commencez par créer un nouveau document. Pour l'exemple, j'ai pris une taille de 200 par 
200 pixels et j'ai mis un fond gris foncé (#999999) afin de mieux voir le futur effet. 


Tapez le texte de votre choix ou créez une forme blanche sur un nouveau calque (très bon 
exercice la manipulation des formes donc essayez de reproduire au mieux l'encre ci-dessous — 
construite à l'aide de 3 cercles). Sinon prenez une forme dans la police Wingdings ou 
Webdings de Windows. 


Faites Ctrl-A pour sélectionner la totalité du calque et faites un Ctrl-C + Ctrl-V pour en 
copier le contenu (vous avez ainsi 2 calques). 


Allez dans la palette des couches et créez une nouvelle couche. Elle va normalement 
s'appeler Alpha 1 et sera entièrement noire. 


Faites un Ctrl-V pour copier votre élément sur la couche Alpha 1. Votre couche devrait 
ressembler à l'image ci-jointe (Vous pouvez également procéder par une méthode plus 
élégante: récupération de la sélection) 
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Et la palette à ceci... 


D RVE Ctrl” 


Ctrl+2 


Ctrl+3 


Allez dans le menu Filtre et appliquez un flou gaussien de 3 (plus vous augmentez le flou, 


plus votre effet sera "étalé”) sur votre couche alpha. 


Repassez maintenant sur votre palette Calques. Masquez le calque contenant la forme que 
vous avez créé précédemment et positionnez-vous sur le calque contenant votre fond (vous 
avez deux calques normalement dont un est nommé "fond" et le second qui contient la copie 
avec le masque). 


Allez à nouveau dans le menu Filtre/Rendu/Eclairage. Dans la liste déroulante "Texture", 
sélectionnez votre couche Alpha 1. Vous devriez avoir en prévisualisation votre motif en 
relief. 
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Vous pouvez modifier les paramètres d'éclairage comme bon vous semble afin d'obtenir l'effet 
qui vous intéresse le plus. Faites OK. 


Eclairage X 


Vous pouvez affiner votre motif en relief en sélectionnant la couche contenant votre forme 
d'origine. N'oubliez pas de rester sur le calque contenant votre motif en relief ! 


Vous n'avez plus qu'à appliquer une ombre portée. 
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Exercice 104. 


Vous désirez effectuer un titre bien percutant et très chaud? Alors suivez pas à pas ce tutorial 
et vous ne serez pas déçu (il existe des tutoriaux sur le web permettant de faire bien mieux 
mais dont la complexité est croissante). 


Bon, là, on y va pas par quatre chemins, créez une nouvelle image en couleurs RVB, arrière 
plan en blanc et résolution 72 dpi, (mes participants diraient.. comme d'habitude! !!). Ecrivez 
en noir avec une fonte assez déformée (dans notre cas j'ai utilisé la police CRAMPS). 


Pixellisez le calque: 


Faites ensuite une remise à zéro des couleurs (touche D —). Faites ensuite Filtre / Rendu et 
répétez Nuages par différence une demi douzaine de fois (Ctrl+F). Mais n'oubliez pas de 
récupérer la sélection car sinon les nuages seront appliqués sur l'image entière et non pas 
seulement sur le texte. 


Allez ensuite dans le menu Image/Réglages/Egaliser (rappelez vous cette étape car plus tard 
nous reviendrons ici...) 


Faites encore une fois Nuages par différence: 


Faites un Ctrl +1 pour inverser les couleurs. Faites Image/Rotation de la zone de travail/ 
Rotation anti-horaire 90° puis allez ensuite dans le menu Filtre / Esthétique / Soufflerie et 
choisissez vent droite. Enfin, retournez dans le menu Image / Rotation de la zone de travail 
et faites une Rotation horaire de 90°. 


Allez dans le menu Filtre / Atténuation / Flou gaussien de 1.5 à 2 pixels. Allez à nouveau 
dans le menu Filtre / Déformation et effectuez une ondulation 100 moyenne. 
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ENFER 


C'est là que cela va se corser un peu... Effectuez un Ctrl+A et un Ctrl+C puis vous retournez 
dans l'historique au niveau de l'étape Egaliser (vous vous rappelez? celle que je vous avait 
signalée tout à l'heure). 


Sur la palette Calque et en cliquant sur le fond effectuez un Ctrl+V. Vous devriez obtenir 
ceci: 


F3) 
[ Caïques Couches N Tracés N |] 
[ormal +] Opacité : foo r] 3 


| Î Préserver les zones transparentes 


Changer le fond en noir et superposez bien les deux textes. 


Faites Image / Mode / Niveaux de gris (aplatissez) puis ensuite Image / Mode / Couleurs 
indexées. 


Etape finale: Faites Image / Mode / table des couleurs et choisissez Corps noir 


C'est pas mal comme flammes n'est ce pas??? On s'y croirait... 
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Exercice 105. 


Du texte à la XFILES, cela vous tente? Alors allons-y.. 


La première étape consiste à composer le texte du titre. Vous allez pour cela créer un nouveau 
document de couleur noire pour le fond. Assurez-vous que votre image est de taille suffisante 
pour accueillir votre titre et prévoyez de la place pour étaler plusieurs couches de lueurs 
autour de vos lettres. 


Créez votre texte en blanc à l'aide de l'outil Texte, positionnez ce texte au centre de l'image. 
Prenez une police assez grosse cela permettra de mieux voir l'effet. 


Choisissez Calque/Texte/Rendu du calque pour convertir le texte en pixels, ou effectuez un 
clique droit sur le T du claque en question. Renommez ce calque Texte 


Pour l'instant pas de problèmes, donc continuons. 


Les lueurs que nous allons appliquer au texte sont de trois sortes. La première, blanche, 
enserrera les lettres au plus près. La deuxième, jaunâtre, s'étendra autour de la première. Et la 
dernière, verte, formera un véritable halo autour du titre. 


Dupliquez le calque Texte, renommez ce nouveau calque Blanc et placez-le sous le calque 


Texte. 
[Caïques X Couches NX Tracés N_ |h] 
[lorrnal “l'Opacité : fon »]# 


T Préserver les zones transparentes 


Faites Ctrl-clic sur le calque Blanc de la palette Calques pour sélectionner tous ses pixels. 
Choisissez Sélection/Modifier/Dilater avec une valeur de 3 pixels. 
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Choisissez Sélection/Contour progressif avec une valeur de 2 pixels. Remplissez la sélection 


de blanc, puis désélectionnez l'ensemble. N'hésitez pas à cliquer plusieurs fois et à divers 
endroits pour atteindre l'effet désiré. 


La création des deux autres lueurs reprend le même principe: 


Créez un calque Jaune à partir du calque Blanc, placez-le sous le calque Blanc et 
sélectionnez l'ensemble de ses pixels. 


Choisissez Sélection/Modifier/Dilater avec une valeur de 3 pixels, puis Sélection/Contour 
progressif avec une valeur de 3 pixels. Choisissez une couleur de premier plan jaunâtre 
(RVB: 200, 255, 0). Remplissez la sélection avec cette couleur et désélectionnez. 


En ce qui concerne la dernière: 


Créez un calque Vert à partir du calque Jaune, placez-le sous le calque vert et sélectionnez 
l'ensemble de ses pixels. 


Choisissez Sélection/Modifier/Dilater avec une valeur de 6 pixels, puis Sélection/Contour 
progressif avec une valeur de 10 pixels. 


Choisissez une couleur de premier plan verte (RVB: 0, 255, 0). 


Remplissez la sélection avec cette couleur et désélectionnez tout. 


Ces lueurs terminées, une dernière modification est nécessaire sur le calque Texte. 


Cochez la case Préserver les zones transparentes dans la palette des calques. 
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Remplissez le calque Texte de noir. Si ce résultat vous satisfait, vous pouvez très bien vous 
arrêter là. Sinon, il est possible d'apporter encore quelques améliorations à notre titre. 


X'EILES 


Améliorations à apporter à ce texte: l'entrelacement. 


Sous le nom barbare de mode entrelacé se cache une technique très simple. Pour accélérer 
leur affichage, la télévision et certains jeux vidéo ne balayent qu'une ligne sur deux de votre 
écran, chaque ligne de l'image alternant avec une ligne noire unie. Transposé sur des 
graphismes Web, cet effet donne l'impression d'une image saisie sur un écran de télévision. 
Ce procédé est en outre très simple à mettre en place, alors pourquoi s'en priver ? 


Créez une nouvelle image de 100 pixels sur 50 et de fond Transparent, faites un zoom sur 
cette image à 1600 % (dans le but d'avoir des traits fins), puis: 


1. Créez une sélection de la forme d'un rectangle sur toute la longueur de la nouvelle 
image et remplissez la sélection de noir. 


2. Décalez le cadre de sélection vers le bas de façon qu'il se trouve sous la ligne noire 
que vous venez de créer et qu'il lui soit adjacent. Remplissez la sélection de blanc. 


Désélectionnez la sélection. 


La suite du processus passe par la création d'un motif: 
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Faites Ctrl-clic sur le Calque 1 pour sélectionner les deux lignes que vous venez de créer. 
Choisissez Edition/Utiliser comme motif. 


Revenez sur l'image avec le titre que vous avez créé précédemment et créez un nouveau 
calque sur l'image (Calque 1). 


Choisissez Edition/Remplir avec les paramètres suivants: Avec Motif, Opacité de 100 % et 
Mode Normal. Décochez Conserver les zones transparentes 


Réglez le mode du Calque 1 sur Lumière tamisée. 


X'ELLES 


L'option Lumière tamisée rend transparente les lignes blanches afin que les lignes noires 
donnent l'impression de masquer une ligne de pixels sur deux. 
Voilà, votre titre à la X-Files est terminé. 
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Exercice 106. 


Vous désirez donner encore plus de valeur à votre site alors n'hésitez pas, transformez tout en 
Or. 


Tout d'abord, choisissez une police de caractère assez épaisse de manière à pouvoir lui 
appliquer un effet de relief. 


J'ai choisi la police Benguia Bk BT Taille 100 
Couleur: R 205 V 200 B 146 


Dans la palette des calques cliquez avec le bouton de droite sur le calque et sélectionnez 
l'option Pixelliser le calque. 


- Récupérez la sélection en faisant, Ctrl+Clic sur le calque. 


- Sélectionnez le deuxième onglet à côté de la palette des calques (Couches). Dans la palette 
couche Alpha, cliquez sur le petit triangle à droite et sélectionnez l'option Nouvelle couche. 


Créez une nouvelle couche Alpha 1 avec une opacité de 50% 


Options de couche | X| 


Nom : [EXIEN 
— Utilisation des couleurs : ännuler | 


& Zones masquées 
© Zones sélectionnées 
© Tondirect 


— Couleur 


| | Opacité : [50 % 


Définissez la couleur de premier plan en cliquant sur le sélecteur de couleur dans la palette 
d'outils. (Valeurs RVB à 165 (gris)) 
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| 
Sélecteur de couleur X}} 


Cour premier pan x 
Annuler | 


(%) _ 
ü Personnalisé 


Comp À CLS 
rs Ca 
CLS CRD 
CRIE 0 F #« 
CHE Mi 
Ceres LFP 
"PrcrcrcE Non % 


D Couleurs Web Uniquement 


Remplissez la sélection avec cette couleur (utilisez le pot de peinture dans la palette outils ou 
sélectionnez l'option Edition / Remplir en utilisant la couleur de premier plan.) 


Contractez la sélection (Sélection / Modifier / contracter) entre 3 - 4 pixels. 


Contracter la sélection | X| 


Contracter de : El pixels OK | 


Appliquez un contour progressif à la sélection de 2 pixels (Sélection/Contour progressif). 


Définissez la couleur de premier plan en cliquant sur le sélecteur de couleur dans la palette 
d'outils. (Valeurs RVB à 255 (blanc)). 


Remplissez la sélection avec cette couleur. 
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& Sans titre-… OI X! 


- 


Lns————— 


Désélectionnez (CTRL + D) 
Sélectionnez la couche RVB et revenez dans la palette des calques. 


Dans le menu des filtres, sélectionnez Filtre Rendu / Eclairage. Essayez avec différents 
sources telles que "3 sources plongeantes" ou encore "Phare plongeant". 


= Cu x 
6 Ste: [3 sources plongeantes »| _ OK | 


Bilence : Met 17 Bilan 
Expositionr SOUS Û Su 
2% ——————— 


F Aperçu < ge 


Appliquez le filtre une seconde fois Filtre Rendu / Eclairage. 
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Ç Ste: [5 sources plongeantes “| , ok | 
- Type: [Proiecteur *| —_————. 


Ces deux étapes sont complètement subjectives et les copies d'écrans ci-dessus ne sont là qu'à 
tre d'exemple. 


Le résultat peut être complètement différent en fonction des options choisies. Peut-être 
n'appliquerez-vous ce filtre qu'une seule fois avant d'obtenir l'effet désiré. 


Il existe également une autre manière de faire un peu plus réaliste: 
D'abord il faut créer uouveau document (Ctrl+N) 300x100 - RVB - Fond noir 
Nous prenons uneune couleur de premier-plan: R 255 V 209 B 110 


Et nous sélectionnons l'out texte pour taper un texte: 


Nous appliquons ensuite un effet de Biseau/Estampage sur le texte réglé comme suit: 
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Biseautage et estampage 


Structure 


Style : 
Technique : 


Profondeur : 


Direction 
Taille 


Flou 


Ombrage 


ängle : 


Elévation 


Contour brillant 


Mode des tons clairs : 


Opacité : 


Mode d'ombrage 


Pour obtenir: 


|Estampage vs | 
[Lisser [M 

a ———— | 160 . 136 
; (©) Haut OBas 

D —————— 5 \px 
a |PX 


+ 


: 120 

Utiliser l'éclairage global 
30 ° 
: | - Lissé 


| Incrustation v [_] 


—_—— 7 36 


: [Produit I 


Opacité : 


Sciences.ch 


Attention à Jour avec les différents paramètres suivant le type de police choisie. De plus, un 
effet de lueur externe bien choisi rajoute une bonne petite touche de réalisme. 
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Exercice 107. 


Nous allons créer des formes de dessin personnalisées. Prenez par exemple l'outil dessin 
(trait) et allez dans les options de traits: 


File | £dit Image Laver Select Filter View ‘Window Helh 


+ EE) eee ET = 
ea» #20 13 v0ex 


Sélectionnez l'outil losange comme ci-dessus et créez un losange en mode trait vectoriel dans 
une image de 300x300 dpi, RVB, fond transparent: 


A l'aide des outils Ajout de point d'ancrage: 


Plume PF 

* Plume libre 54 
à | n äjout de point d'ancrage 

Supprimer l'outil de point d'ancrage 


TT = Conversion de point 


et Sélection Directe: 
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Mml>= ] 5 
h Outil Sélection d'élémment de tracé 


= L& Sélection directe 


EE + 


El Sans titre-1 @ 85.3% (Calque 1,RYB) 
Hi: 450 [500 [550 


Mr 


Allez dans le menu Edition/Créer une forme personnalisée (objet vectoriel de type tracé"): 


Nom de la forme x! 


Nom : Forme 1 
ännuler | 


Vous avez maintenant dans votre liste des formes, votre forme personnalisée ! 
Nous allons maintenant faire de cette forme personnalisée une forme de pinceau !! 


Créez une nouvelle image 100x100 pixels, RVB, 72dpi, fond transparent et sélectionnez avec 
l'outil dessin (trait) votre forme personnalisée et dessinez-la au format pixelisé (dans la 
couleur que vous voulez). 


Ensuite, allez dans Edition/Créer une forme (objet pixelisé) et attribuez un nom à votre 
forme. 


Maintenant, vous pouvez enfin sélectionner les outils Pinceau, Aérographe, Gomme, ... avec 
votre nouvelle forme et travailler avec: 
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Vous pouvez également faire Edition/Utiliser comme motif pour utiliser la forme pour des 
remplissages. 


(ci-dessus, dessin effectué avec le pinceau et auquel nous avons appliqué un style) 
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Exercice 108. 


Ouvrez un nouveau document et remplissez-le de noir avec Edition / Remplir. Créez un 
nouveau calque et tracez un cercle parfait (maintenez la touche Shift enfoncée) avec l'outil 
Ellipse de sélection. 


Choisissez la couleur blanche pour la couleur de premier plan. 


Allez ensuite dans le menu Edition puis sur Contour et donnez lui un contour de 4 pixels 
environ. 


Créez un nouveau calque et tracez un cercle plus petit que le premier et remplissez le de blanc 
(pour le centrage aidez-vous des guides). Découpez ensuite comme ci-dessous avec le 
rectangle de sélection. 


Dans les polices installées sur votre système, trouvez en une qui ressemble à des symboles 
(Wingdings 2 pour le premier et le dernier symbole en cliquant d'abord sur la lettre H puis la 
lettre G). Placez-les dans la partie blanche découpée. Pixellisez les ou effectuez un Rendu de 
calque (version 5 et 5.5). Sélectionnez les puis ensuite passez sur le calque de la partie 
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découpée et appuyez énergiquement sur la touche Suppr. En fait c'est pour "creuser" cette 
partie comme si elle avait des trous. X 


Fusionnez le contenant les symboles avec le calque qui se trouve juste en dessous (celui de la 
partie découpée) avec la commande Calque / Fusionner avec le calque inférieur. 


Ensuite dupliquez ce calque (Clic droit et Dupliquer le calque) et allez dans le menu Edition 
puis sur Transformation et enfin sur Symétrie axe vertical et placez-le à l'autre extrémité du 


cercle. 
| Caïques X, Couches N Tracés NX [h] 
[Mormal >] Opacité : foo »] % 


V Fréserver les zones transparentes 


a quart cercle haut 
+5 Es quart cercle bas 
LE: force 
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ad e 


Tapez ensuite votre texte au centre du cercle avec une police type Old English Text MT. 


Fusionnez les 4 calques (le texte et les 2 parties haut et bas ainsi que le premier cercle), 
Calque / Fusionner les calques visibles. 


Créez ensuite une sélection comme celle ci-dessous à l'aide de l'Outil Lasso polygonal: 
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Rappel: Pour se déplacer sur une image pendant une sélection avec le lasso appuyez sur la 
barre d'espacement du clavier, cela aura pour effet de transformer temporairement l'Outil 
Lasso en Outil Main. Appuyez sur Ctrl+Espace transformer temporairement le lasso en 
l'Outil zoom. 


Allez dans le menu Sélection puis sur Modifier et enfin sur Lisser et mettez 3 pixels comme 
valeur de rayon. Remplissez la sélection de blanc avec le pot de peinture. 


a 


Allez dans Sélection/Plage de Couleurs et sélectionnez le blanc de l'image. Une fois ceci 
fait, sélectionnez l'intérieur noir du tampon et créez une nouvelle couche alpha. Retournez 
ensuite sur le calque de l'image et allez dans le menu Filtre puis sur Rendu et enfin sur 
Eclairage et donnez les mêmes options que ci-dessous. 


x 
- Style : [Phare montant | — 
Enregistrer. | Supprimer | RTE | 


- Type: [Projecteur | 


M äctivé 


em ER | 
A ———— < 
83 
a 


Fêre Etroit Large 


— Propriétés 

Brilance : Mat 3 Brillant 
em 

Matière: Plastique __-11 _ Métalique |. 
RE 

Exposition: Sous __Q Su 


Ambiance : Négative 2 Positive 
RE 


— Texture: [Alpha 2 -| 


FN Blanc = haut 
— 6. Plat 50 Montagneux 
re il Reef: —_—_—_—_—_— °° — 


NV äperçu 
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Sélectionnez maintenant la partie noire de l'image et supprimez-la. Faites un contour 
progressif du tampon et tapez Delete sur votre clavier. Créez un nouveau fond noir et mettez 
le en-dessous des autres calques. 


Il ne vous reste plus qu'à mettre un petit effet supplémentaire c'est à dire un effet de 
biseautage. Pour cela placez vous sur le calque que vous venez de créer et faites un clic droit 
avec la souris puis sur Effets (versions 5 et 5.5) pour les versions 6 et plus, allez dans le menu 
Calque puis sur Style de calque. 


Vous pouvez incruster du bruit un peu plus de véracité. 


En appliquant le filtre Sphérisation, on peut obtenir notre cachet avec un léger arrondi. 
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Exercice 109. 


Nous allons tagger un mur... en fait, nous allons incruster une photo dans un mur de briques 
pour faire croire à un tag... Toutes les photos sont "incrustables". 


L'image que nous avons choisie est idéale pour une utilisation sur texture. En effet, le fond et 
uni et les contours nets de la poignée de main faciliteront le détourage et l'intégration de 
l'image sur notre futur mur. 


Mains.jpg 


Commencez par détacher la partie de l'image qui vous intéresse (il faut se débarrasser du fond 
noir). Pour cela détourez-la avec la Baguette magique puis nettoyez les contours à l'aide de 
l'outil Gomme ou toute autre méthode vue jusqu'à maintenant. 


Avec l'outil Doigt (outil très important) ajoutez un flou sur les contours afin d'éviter l'effet 
d'antialiasing qui pourrait apparaître lorsque vous rajouterez un calque de fond. 


On trouve dans Photoshop un ensemble de filtres spécialement dédiés à la simulation de 
tracés réalisés à la main. Vous les trouverez réuni sous le nom générique "d'Artistique"". Pour 
cet exercice vous allez choisir le filtre de découpage donc faites Filtre/Artistique/Découpage 
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puis niveau: 8, simplicité: 0, fidélité: 2 ce qui correspond a des contours simplifiés (du type 
graffitis sur un mur). 


Maintenant ouvrez un fichier d'une taille supérieure a celle du dessin et dupliquez y le calque 
contenant votre dessin. Centré correctement l'image et "floutez" ses bord droits avec l'Outil 
Doigt pour que le dessin semble se commencer et se terminer dans le vague. 


L _________IDINIer, 


Nous allons maintenant ajouter un nouveau calque au-dessus de l'existant avec 100% 
d'opacité et en mode Lumière tamisée. Il faut ensuite remplir cette couche d'une couleur 
orangé assez vive #FF8A00 car la lumière tamisée va assombrir notre couleur et nous 
recherchons un rouge brique. Puis nous appliquons à toute cette surface un filtre 
Texture/Placage de texture (relief:4 et lumière:haut et droite): 
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Placage de texture (100%) 


| Placage de texture “| 
Texture : [Brique ]-@- 


Craquelure Effet mosaïque ——————————————————— 
Lumière: 


F Inverser 


Patchwork 


Prenez la texture brique et réglez l'échelle pour obtenir la meilleure cohérence visuelle entre le 
dessin incrusté et la taille des briques (plus les briques sont petites plus le dessin paraîtra 
gigantesque). 


Pour finalisez votre oeuvre vous pouvez ajuster la couleur définitive du mur en remplissant un 
nouveau calque au-dessus de tous les autres et en mode Produit d'un dégradé de gris moyen: 


Affinez enfin le rendu Image/réglage/luminosité/contraste. Pour briser l'uniformité 
artificielle de l'image créez un nouveau calque au-dessus de tous les autres en mode Produit. 
Appliquez-lui un filtre nuage Filtre/rendu/nuages, sélectionnez Incrustation et une opacité 
de 60 à 80% ( suivant effet recherché). 
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Exercice 110. 


Nous allons apprendre à texturer une image, un visage dans notre cas. Vous allez appliquer 
une image abstraite sur le visage afin de lui donner un aspect futuriste. Cette image abstraite 
prendra la forme et le relief du visage. 


Choisissez une image, un visage est le plus facile à texturer car le relief qui le compose n'est 
pas trop élevé. Coller la sur un calque que vous nommerez Visage. 


EE 2 


Portrait. emme.jp£g 


Récupérez une image qui servira de texture à notre visage. J'ai pris un fond d'écran abstrait et 
futuriste pour la multitude de détails qui le compose. Coller cette image sur un nouveau 
calque situé au-dessus de votre calque Visage. Nommez votre calque Image Abstraite par 
exemple. 


FondTechno.jpg 
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Revenez sur votre calque Visage, sélectionnez l'ensemble avec CTRL+A. Copiez cette 
sélection et créez un nouveau document avec CTRL+N. Il aura les dimensions exactes de 
votre sélection donc cliquez sur OK et collez votre sélection avec CTRL+V. 


Ensuite, désaturons l'image (Image/Réglages/Désaturation) afin de la faire passer en niveau 
de gris tout en gardant le mode RVB. Ensuite, ajoutez un Flou Gaussien de 2 Pixels au 
calque avec Filtre / Atténuation / Flou Gaussien. 


Enregistrez cette image au format PSD avec CTRL+S. Nous nous servirons de ce fichier dans 
l'étape suivante pour appliquer le filtre Dispersion: 


Retournez sur votre fichier initial et sélectionnez le calque comprenant votre image abstraite 
et appliquez lui le filtre Dispersion avec Filtre/Déformation/Dispersion. Une boîte de 
dialogue s'ouvre, laissez les paramètres par défaut et cliquez sur OK, une nouvelle boîte de 
dialogue s'ouvre, choisissez alors le fichier du visage désaturé et flouté que l'on vient 
d'enregistrer. 


Attention il peut arriver que le filtre Déformation ne fonctionne pas. 


Cliquez sur OK, votre image abstraite est donc maintenant déformée suivant le relief du 
visage. 
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Le filtre de dispersion est très souvent utilisé pour déformer des objets par rapport à un fond. 
Cela permet souvent d'appliquer des textes ou images sur des matériaux ayant une géométrie 
particulière! 


Sélectionnez maintenant le calque Visage. A l'aide de l'Outil Baguette Magique, 
sélectionnez tout ce qui ne correspond pas à votre visage. 


Sélectionnez maintenant le calque ‘Image Abstraite'. Votre sélection précédente toujours 
active, supprimez avec 'BACKSPACE' (Touche Retour Arrière) ou la touche ‘Del' tout ce qui 
ne sera pas sur votre calque ‘Visage: 
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Passer le calque ‘Image Abstraite' en Mode Superposition. Vous constatez cependant que 
quelque chose est choquant, le relief est partout alors qu'il serait plus joli en n'étant présent 
que sur les zones de peau. 


Nous allons alors utiliser la technique du masque de fusion sur le calque. A l'aide de cette 
technique, effacez les zones où l'image abstraite ne doit pas apparaître avec un pinceau blanc 
ou un outil de sélection, c'est à dire les habits, les cheveux, les lèvres, les yeux, les bijoux ou 
toute autre décoration. 


Voila ce que vous devriez obtenir: 


Gi E3 

Caïques V Couches \ Tracés Sp 
[Lumière tarni... -] Opacité : (100 %|[#| 

Verru: FAT TrTe 


S 


Voici la même image en meilleure qualité avec un réglage des balances des couleurs sur les 
deux calques (cela prend un peu de temps mais après une dizaine de minutes de tâtonnements 
le résultat est satisfaisant). 
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Exercice 111. 


Dans à peu près le même style (vision nocturne), ouvrez l'image suivante: 


Soldat.jpg 


Avec l'Outil Gomme magique, effacez l'arrière-plan: 


et allez dans le menu Filtre/Aténuation mettre un Flou Gaussien d'un Rayon de 2: 
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Ensuite, allez dans le menu Image/Réglages/Désaturation: 


Allez ensuite dans le menu Image/Réglages/Courbe de transfert de dégradé en prenant un 
dégradé similaire à celui d'un arc-en-ciel déjà disponible dans la librairie Photoshop: 
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Courbe de transfert de dégradé " x| 
— Dégradé utilisé pour la correspondance des niveaux de gris — 
FN äperçu 
— Options de dégradé 
[ Simuler 
[Inverser 


et validez par OK pour au final obtenir une pseudo-image thermique: 
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Exercice 112. 


Date de création: || Auteur: || Version minimale: 


Nous allons réaliser ici un petit tutorial pour manipuler l'outil Transformation manuelle. 
Dans notre cas, nous allons placer une image dans un écran, c'est toujours plus joli qu'un 
écran vide et noir. 


Récupérez une image contenant un écran. Vous en trouverez plein, sur le Net, ça vous évitera 
de sortir l'appareil numérique. 


Notebook.jpg 


Ouvrez l'image qui sera affichée dans votre écran. Dans mon cas, je me suis servi d'une 
"Impression Ecran”. Diminuez la de manière à être un peu plus grande que votre zone écran 
en utilisant le raccourci CTRL+T puis Transformation manuelle. Déplacez une des poignets 
en coin tout en maintenant la touche SHIFT appuyée pour garder les proportions. 
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me hp ati! 
RTS REZ : | 


Te. 


Activons l'outil de Transformation Manuelle avec CTRL+T. Maintenez la touche CTRL en 


déplaçant les poignets des extrémités afin de faire correspondre au mieux les coins de votre 
image avec celle de votre écran. 


Adobe Photoshop 466/577 


Vincent ISOZ Sciences.ch 


Une fois votre image correctement placée, repasser votre image avec 100 % d'Opacité. 


On peut faire des choses très sympathiques avec cet outil de déformation et un peu 
d'imagination. Par exemple (image prise sur le web): 


p ST 
om “ 
6 net ve rer! 


_— = ——_ _— — 
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Exercice 113. 


Ouvrez l'image ci-dessous: 


DessinVoiture.jpg 
et avez vos connaissances actuelles, peignez cette voiture de meilleure façon possible. 


Ci-dessous, le travail d'un élève (non terminé): 
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Exercice 114. 


Le but ici va être de créer un effet de halo de lumière. Pour cela, nous partons de l'image ci- 
dessous: 


Lampadaire.jpg 


Ensuite, créez immédiatement les calques suivants: 
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[Normal ©] oputé 100% [æ| 
Verrou: [] ; + @ Fond : ETC 


EH Lumières 
| Hi Lampadaire 
LL Fond Noir 


Mais on voit les bords du lampadaire. Nous utilisons pour faire simple une technique déjà vue 
plus haut en allant dans le menu Calque/Cache/Supprimer la frange: 


ET Xl] 
Largeur : | 4 pixels 
ännuler | 


Ce qui donnera: 
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Le lampadaire ne donne vraiment pas l'impression d'être dans la nuit. Donc nous allons 
ajouter un calque de réglage en allant dans Calque/Nouveau calque de réglage/Luminosité- 
Contraste de type écrêtage: 


louvez x 
Nom : | Lampadaire 


M Créer un masque d'écrêtage d'après le calque précédent âännuler | 


Couleur : | [_] Sans -| 
Mode : [ Normal -] Opacité | 100 [| 2% 


Ce qui donnera: 
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Xl 


Luminosité : -20 


Contraste : | 0 F Aperçu 
—© 2 ———— 


Ensuite, avec l'Outil Sélection Circulaire en mode Ajouter à la sélection créez deux cercles 
autour des sources: 


JC @ 


Sélectionnez le calque Lumières et remplissez la sélection de jaune: 


Annulez la sélection et allez dans Filtre/Atténuation/Flou Gaussien: 
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X| 
ännuler | 


NM âperçu 
=] 100% +] 
Rayon : [20.1 pixels 
a ———— 5 ——_—_—_—_—_—_—_—_— 


Sciences.ch 


et validez par OK. Ensuite créez un nouveau calque projection lampe 1 et dessinez-y un 
tracé comme ci-dessous: 


Transformer le tracé en sélection et remplissez-le de la même couleur: 
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et annulez la sélection (Ctrl+D pour rappel). Ensuite, 


allez deux fois dans 
Filtre/Atténuation/Flou radial avec les paramètres suivants: 


Mode : 
© Rotation 


@ Zoom 


- Qualité : 
© Brouillon 


© Hormale 


© Supérieure 


Ce qui donnera: 
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Allez ensuite encore une fois dans Filtre/Atténuation/Flou Gaussien avec exactement les 
mêmes paramètres qu'avant et vous aurez: 


Avec l'Outil Déplacement, déplacez le calque afin de le recentrer sur la source, faites-en une 
copie que vous nommerez projection lampe 2 que vous centrerez sur la deuxième source. 
Jouez aussi avec l'Opacité des deux calques: 
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Ensuite, remplissez le calque Halo de noir, mettez le au-dessus du calque Fond (qu'on 
utilisera pas car la technique suivant est destructive) et allez dans Filtre/Rendu/Halo: 


_— x 
+ Style : | Par défaut Y : OK | 
Enregister.…| SUBIT PART EE | 
- Type: [Omnidirectionnel -| EE 
| 
M äctivé | 
| Intensité : Négative 67 Maxi | 
GS ———— + —— 
r Etroit Eg are 
Lône Q | 
- Propriétés 
Brilance : Mat 50 Brillant | 
EE — "A 
Matière: Plastique __-97  Métalique | | 
a —— 
Exposition: Sous 22 Su 
| Ambiance :Négative __ 25 Positive | 
D 
Texture : [Sans x] = 
MElEnc Haut 
ren Dal Plat 50 hA ontagneux 
NV &perçu LPS ü °° 30 


Validez par OK: 
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Ensuite, créez un calque Ombre lampadaire dans lequel vous vous débrouillerez (car à ce 
niveau du document c'est un jeu d'enfant) pour avoir une copie du lampadaire complètement 
noir en utilisant les outils de sélection: 


ME 
Calques \ Couches Tracés K oO 
[Normal 7] Opacité : [aoose [>] 


Verrou: [] > + @ Fond : 


FE] Projection lampe 2 


Projection lampe 1 


Ombre Lampadaire 


Rendrez le calque Lampadaire visible et déformez le lampadaire noire se trouvant dans le 


calque Ombre Lampadaire à l'aide de la fonction se trouvant dans le menu 
Edition/Transformation/Torsion de manière à obtenir: 
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1x 
Calques \ Couches Vi Tracés K o 


[Normal a | Opacité : [10096 [» | 
verrou: [] ; + @ Fond : 


| Projection lampe 2 
pl Projection lampe 1 


®. ©) m ©. 4 3]; 


Ensuite activez un Flou Gaussien sur le calque Ombre Lampadaire: 
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xl} 
ännuler 


M Aperçu 


=) x| 
[Norme [E2)NOpaaités , 
verrou: [] x + @ Fond : , 


Projection lampe 2 


Projection lampe 1 


Lumières 


F1 
EE 
F1 
Et ju. 
Fi] 


Lampadaire 


Ombre Lampadaire 


Halo 


Fond Noir 


© 


Vel Om 


Vous réactivez ensuite tous les calques pour avoir au final (on laissera de côté les finitions 
faute de temps): 
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Exercice 115. 


Le but de ce tutoriel est de faire ce photomontage (que je trouve perso très rigolo) qui est un 
grand classique du genre: mélange homme-animal de base. 


Pour cela, nous allons utiliser ces deux photos: 
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Chat.jpg 


Portrai ‘Homme. 14 


Ouvrez les deux photos dans Photoshop et collez la photo du l'homme sur un nouveau calque 


de celle comprenant le chat. Vous devriez à présent avoir chaque image dans un calque 
différent. 


Sélectionnez le calque du visage et baissez son opacité à 50% environ. 


Ensuite, activez la transformation manuelle et avec votre souris placez le visage au dessus de 
celui du chat. Réduisez la taille pour que les yeux soient bien en face. 
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N'hésitez pas à modifier légèrement la perspective en déplaçant à la souris les coins et en 
laissant la touche Ctrl enfoncée. Remettez ensuite l'opacité 100%. 


Dans l'onglet des calques, ajoutez ensuite masque de fusion au calque visage. Avec votre 
pinceau (en noir) éliminez grossièrement les parties superflues autour du visage. Les parties 
que vous allez remplir de noir sur le masque vont devenir transparentes sur le calque comme 
nous le savons: 


Laissez la touche ALT du clavier enfoncée et cliquez sur l'icone du masque dans l'onglet des 
calques (La même opération réaffiche le calque). 


Ensuite, toujours avec le masque de sélectionné, appliquez un filtre de flou gaussien de 2.5 


pixels. Le flou va créer un dégradé entre le noir et le blanc sur le masque. Ainsi la transition 
entre les deux images se fera maintenant moins abruptement par un dégradé d'opacité. 
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Vous pouvez ensuite donnez des petits coups de pinceau à faible opacité en noir et en blanc 
sur le masque pour que la transition entre les deux images soit au mieux au besoin. 


On voit encore très distinctement la partie rajoutée. Tout d'abord à cause de sa couleur mais 
aussi parce qu'elle est plus sombre. Nous allons essayer de remédier à cela. Assurez-vous 
d'avoir bien sélectionné le calque avec le visage et faites apparaître le menu 
Teinte/Saturation/Luminosité. 


En faisant varier les réglages faites correspondre les deux images: 


x 
eo EE 1 Lx _] 


Teinte : 
+16 | 


Saturation : __ Charger | 
Enregistrer. | 


Luminosité : 


F Redéfinir 
DU 7 ir, Aperçu 


Voici notre résultat: 


Si vous continuez à jour avec le pinceau en changeant son flux à 50% et son opacité à 50% en 
rajout des flous gaussiens vous pouvez alors rapidement arriver au résultant suivant: 
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Exercice 116. 


Nous allons maintenant travailler un peu avec la perspective en un point de fuite: 


| 
NN 7 7 
Le 


La construction est simple, il suffit de tracer un trait vertical et horizontal au centre de l'image. 
Ensuite, il suffit de tracer un trait à chaque bissectrice restante. 


Pour les traits horizontaux, il faut choisir arbitrairement, mais modérément une distance fixe. 


La perspective à deux points de fuite, fonctionne sur la même technique: 
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Après un petit travail, vous pouvez facilement arriver au résultat suivant: 


où nous avons utilisé la texture suivante: 


Metal.jpg 


Bien sûr, avec tu temps, il est possible de faire beaucoup mieux. 


On peut aussi jouer avec du papier isométrique: 


Adobe Photoshop 


Sciences.ch 
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où tous les traits se coupent avec des angles de 120° (l'exemple ci-dessus est ce qu'on appelle 
du PixelArt) et est souvent utilisé pour faire du packaging par exemple. Ce genre de grille 
étant relativement long à créer, il vaut mieux partir d'une base existante prise sur le web: 
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Exercice 117. 


Dans cet exercice nous allons voir comment faire des pavages simples. Prenons comme 
premier exemple la structure élémentaire d'un papier isométrique comme ci-dessous: 


4: 
MiniGrillelsometrique.jpg 


Nous souhaitons recouvrir toute une image d'une taille quelconque de cette partie élémentaire 
afin d'obtenir par exemple un papier isométrique. 


Pour cela sélectionnez le contenu de l'image (Ctrl+A) et allez dans le menu Edition/Définir 
comme motif... 


T— 


Fer 


Ensuite, créez une nouvelle image de la taille de votre choix et allez dans Edition/Remplir… 
et choisissez les options comme ci-dessous: 


et validez par OK... on peut faire de même avec un motif du type damier (à vous de le créer à 
partir de rien celui-là!): 
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et si nous jouons avec Edition/Transformation/Perspective: 
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Ensuite en ajoutant un calque avec un fond blanc en arrière-plan et un nouveau calque 
transparent en première plan rempli avec Filtre/Rendu/Nuage sur lequel on applique une 
masque de fusion avec un dégradé linéaire nous permet d'arriver à: 
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Pi D'amier nuages.psd @ 100% (Calque 2. Masque de fusion/8} 


Puis en ajoutant quelques sphères: 
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Sphères.psd 
et des personnages: 


PA Femme Parapl 
il 120 


EN 


ET 


cal 


eu 


ETS 


es 


oc) 


ec) 


FemmeParapluie.jpg HommeËchelle.jpg 


Pour détourer rapidement l'homme à l'échelle... prenez l'Outil Baguette magique avec une 
tolérance de 10 et en décochant l'option Pixels contigus (cela aura pour effet de sélectionner 
le blanc où qu'il soit!) et en faisant bien attention à ce que Lissé soit activé (cela permet 
d'adoucir la transition entre les bords découpés et le fond... essayez sans vous verrez avec un 
fond noir!) et corrigez juste le col du businessman.… 
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Nous arrivons à: 


l'A D'amier perspective.psd @ 100% (Fond blanc, RVB/8) i 


Û 
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Exercice 118. 


Dans cet exercice, nous allons créer un effet de loupe. Ouvrez l'image des poissons (ou une 
autre quelconque): 


Poissons.jpg 


Créez un nouveau calque et nommez le "glace" et créez une sélection circulaire sur un des 
poissons: 


Initialisez les couleurs avec la touche D et créez un gradient tel que présenté ci-dessous: 
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Mettez l'opacité du calque à 40% et allez ensuite dans Filtre/Déformation/Sphérisation et 
mettez-le à environ —-34%. Vous obtiendrez le résultat suivant (nous avons rajouté avec nos 
connaissances élémentaires acquises au cours des précédents exercices, un cercle noir — il 
resterait cependant à dessiner aussi le manche de la loupe): 


Remarque: Ce genre d'effet marche beaucoup sur du texte et c'est dans ce contexte que l'effet 
est le plus souvent utilisé (nous avons rajouté le manche et un effet d'halo): 
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Nous laissons le soin au participant de reproduire pendant le cours l'exemple du texte à l'aide 
des connaissances déjà acquises. 


Remarque: Vous pouvez également utiliser le filtre Fluidité pour faire des effets de 
Sphérisation beaucoup plus prononcés. 
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Exercice 119. 


Nous allons voir ici comment découper une photo de mannequinat en utilisant quelques les 
outils disponibles que depuis Photoshop CS3 (c'était aussi possible dans les versions 
précédentes bien évidemment en jouant avec d'autre réglages!). 


Nous partons de la photo suivante: 


Pour détourer cette personne nous allons d'abord faire une copie de ce calque tel que nous 


ayons: 
se Détourage 
se [4 Original 


Nous allons bien évidemment travailler sur le calque détourage (il faut donc masque celui 
d'en-dessous!). Ensuite allez dans les options de calques de réglage et choisissez-y l'option 
Noir et Blanc (qui n'existe que depuis la CS3): 
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Prenez les réglages suivants: 


Couleur unie. 


Dégradé… 
Motif... 


Opacité : [1006 |» | 


Luminosité/Contraste… 
Niveaux. 

Courbes. 

Exposition. 


Vibrance… 
Teinte/Saturation… 
Balance des couleurs. 
Noir et blanc. 

Filtre photo. 
Mélangeur de couches. 


Inverser 
Isohélie… 
Seuil... 


Courbe de transfert de dégradé... 


Correction sélective... 


®, F Teinte [| Automatique 


Fond : [ 1009 |» | 


Rouges : [200 
RE 
Jaunes : [200 
D RE 
Verts : 300 
EN 
Cyans : F00 
EE 
Bleus : Goo 
EEE RESTE A 
Magentas : [200 
ISERE 


Sciences.ch 


Ensuite, ajoutez par-dessus le calque un deuxième calque de réglage de type Niveaux... et 
prenez les paramètres suivants: 


Adobe Photoshop 


Niveaux |Personnalisée = 


RYE + Automatiques | 


% % 


CE 
[st 235 156 
BE”. 
« a 


Niveaux de sortie : [ û [ 255 
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cela vous donnera pour vos calques: 


: 
ES 

s Lar || Noir et blanc 1 
[_& 7] 

s L > Détourage 


ER 


Ce. 


et pour votre image: 


Ensuite, allez dans la palette Couches et sélectionnez la couche RVB puis cliquez sur le 
bouton Récupérer la couche somme sélection ‘+ : 
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Couches 


Ensuite, retournez dans la palette Calques et sélectionnez le calque Détourage et cliquez sur 
le bouton Ajouter un masque de fusion =: 


se di ë |] Niveaux 1 
==) 
F2 Ld ü |] Noir et blanc 1 


==) 


f [1 Détourage 


al [4 Original 


Vous aurez alors à l'écran: 
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Faites un Ctrl+I pou intervertir la sélection. Vous aurez alors: 


Refaites un Ctrl+I et peignez avec du blanc les détails non désirés. Mais comme vous pouvez 
le voir ce n'est pas très aisé de peindre en blanc car on ne voit pas très bien ce que l'on efface. 
Faites donc un Alt+Clic (ou allez dans Images/Réglages/Négatif) sur le masque de fusion 
cela intervertira les couleurs: 
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pour au final avoir: 


Ensuite, allez dans la palette Couches, cliquez sur le masque: 
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FA [ ] Détourage Masque 


HE F1 RYB Ctri+2 
li HE Rouge Ctrl+3 
[1 F1 Vert Ctrl+4 

Ctrl+s 


et cliquez sur le bouton Récuperer la couche comme sélection ‘* 


Sciences.ch 


Retournez ensuite dans la palette Calques pour y désactiver tous les calques et réactiver 
l'Original tel que présenté ci-dessous: 


Vous aurez alors: 


Œ [au 15 | | Niveaux 1 
[== 


. 


# Lai || Noir et blanc 1 
[© | 

à. 2 ( [1 Détourage 

Original 


@ 


et faites un Delete et et Ctrl+D. Pour avoir au final: 
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Au fait, objectivement c'est loin d'être parfait... Vous pouvez maintenant effacer tous les 
calques et intervertir les couleurs sur le masque de fusion afin de garder au final plus que: 


s Original 
pi œ\: e Détourage 


ce qui donne pour l'image toujours: 
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[I 


Nous allons maintenant utiliser une nouvelle fonctionnalité de CS3. D'abord intervertissez la 
sélection afin d'avoir la femme dans la sélection (et non le fond!): 


et ensuite allez dans le menu Sélection/Améliorer le contour..….: 
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Améliorer le contour Xx| 


Rayon : 1.0 px 


Ê——— 
Annuler | 


Contraste : 0 % Par défaut | 


Ê—— 
FN Aperçu 
Lisser : E a [y 
—— 


Contour progressif : 1.0 px 
Contracter/Dilater : 0 % 


- + 
22 SE 2 3 


À) Description 


Sffichez la sélection sur différents arrière-plans pour voir le contour 
réel, Cliquez deux fois sur l'option Masque pour modifier les paramètres 
d'aperçu, 8ppuvyez sur F pour parcourir les modes d'aperçu et sur X 
pour afficher temporairement l'image, Appuyez sur P pour 

activer /désactiver l'aperçu des améliorations du contour, 


Il faut ensuite jouer avec les paramètres pour obtenir quelque chose de mieux... Mais cela ne 
vaudra objectivement jamais les veilles méthodes... 
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Exercice 120. 


Nous allons créer ici une superbe photo d'une nébuleuse telles que celles prises par Hubble. 


Concevez un nouveau document de 1000x1000 pixels, RVB, 72 ppp avec un fond noir pour 
figurer l'immensité glaciale du vide... Ajoutons-y de la matière: 


Réalisez un nouveau claque, remplissez-le de blanc et modifiez le mode de fusion du calque 
en fondu avec l'opacité à 1%. Des myriades d'étoiles apparaissent: 


Effectuez une copie du fond noir, liez la copie au calque blanc et fusionnez les deux calques 
liés. Appelez le nouveau claque "voie lactéel" et mettez-le en mode Superposition. 


Pour éviter que toutes les étoiles ne soient de la même taille, élaborez un nouveau document 
de 500x500 pixels, RVB, 72 ppp. Répétez les opérations de la première étape avec les mêmes 
réglages mais cette fois-ci, aplatissez l'image. Changez ensuite la taille de l'image en 
1000x1000 et faites glisser le fond sur le document précédent, en maintenant la touche Maj 
appuyée afin qu'il se positionne correctement. Passez en mode Superposition: le fond noir 
disparaît et l'on discerne les étoiles du dessous. Nommez le calque "voie lactée 2". 


Réitérez l'opération avec un document de départ de 300x300 pixels et appelez ce troisième 
fond étoilé "voie lactée 3". Notre amas stellaire se montre déjà plus convaincant. Enregistrez 
le document et fermez les deux autres. 
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Nous allons à présent créer des étoiles beaucoup plus proches. Ouvrez un nouveau document 
de 200x200 pixels, 72 dpi, RVB avec un fond noir. Sélectionnez le blanc et l'Outil trait. 


Dans la palette des options des outils, entrez une Épaisseur de 1 pixel, cochez "lisser", et 
dans le champ "forme" (flèche noir), optez pour 100% en épaisseur et 2000% en longueur. 
Affichez les règles et dessinez une crois parfaitement centrée: 


El Sans titre-1 @ 10008 =10I x| 
1 PARLE 


Avec l'Outil Aérographe, une Taille d'outil de 27 et une Dureté de 0 (bouton droit sur la 
sélection des tailles de l'outil), dessinez l'étoile au centre: 


Sur un nouveau calque, faites une sélection ronde entourant l'étoile (en partant du centre) afin 
de concevoir un halo. Remplissez la sélection de blanc puis Sélection/Modifier contractez-la 
de 5 pixels, effacez et désélectionnez: 


El Sans titre-1 @ 100% -|0O/ x| 
10 50 


Sans titre-1 @ 100% 
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Enfin, appliquez au calque un flou gaussien de 1 à 2 pixels et réglez l'opacité à environ 30%. 
Effectuez à nouveau cette tâche sur un nouveau calque afin de réaliser un deuxième halo plus 
grand mais d'une épaisseur de 1 pixel seulement. Laissez l'opacité de ce calque à 100%. 


El Sans titre-1 @ 100% (0-4 [2] EX 
1 En 100 


Créez un nouveau calque. Sélectionnez le dégradé radial avec le blanc en couleur de premier 
plan (à gauche) et un bleu foncé en arrière plan (à droite). Apposez le dégradé en partant du 
centre jusqu'au bord (le calque bleu doit être au-dessus de tous les autres). 


Maintenant pour obtenir des étoiles réalistes il faut jouer pendant un bon moment avec le 
calque bleu, son mode de fusion et le masque de calques. Il faut prendre garde cependant à ce 
que la surface externe reste noir pour l'utilisation du mode Superposition pour l'intégration 
dans le ciel étoile. 


Voici ma configuration pour une géante bleue: 


[= [x] 
Calques \ Couches Tracés K Cp] 
[Normal +] Opacité : {100% |» | 


Verrou: [] ÿ + @ Fond : [10036 |»| 


# 5 Calque 2 
. fl [1 Calque 3 copi. 
+ e Calque 0 
H Fond noir 


Explications: 


1. Nous avons crée deux calques de fusion: un premier sur le calque bleu, un second sur le 
calque de la croix de l'étoile. 


2. Sur le premier masque de fusion du calque bleu nous avons crée un dégradé du blanc 


(centre) vers le noir (bord) de façon à ce que il reste suffisamment de noir pour le mode 
Superposition plus tard. Nous avons laissé l'opacité du calque à 100%. 
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3. Sur le deuxième masque de fusion, nous avons un type identique de dégradé mais plus 
"large" pour donner un effet de d'estompage aux éclats de l'étoile (les pointes des éclats). 


4. Pour anticiper le mode Superposition, nous avons ajouté un calque remplis de noir derrière 
le calque contenant la croix de l'étoile (sur la capture d'écran ci-dessus, il est visible tout en 
bas). 


5. Vous pouvez ensuite glisser le calque bleu sur le calque de la croix de l'étoile et le mettre 
en mode Superposition. 


Maintenant, aplatissez l'image, agrandissez sa taille (par exemple 700 par 700 pixels) copiez 
son contenu dans le fichier contenant le fond étoilé et passez le calque de l'étoile en mode 
superposition. Vous obtiendrez quelque chose du genre: 


Saisissant n'est-ce pas !!! Le non mois fameux outil Halo ne permet pas d'obtenir ce genre 
d'effet. Essayez sur un calque vide avec un fond noir. Vous verrez... 


Ajoutons à la scène un amas gazeux géant. Réalisez un nouveau calque et amenez-le au- 
dessus du fond noir, sous les trois voies lactées. Choisissez un rouge vif en premier plan et le 
noir en arrière sur la palette d'outils. Appliquez au calque un Filtre/Rendu/Nuage et réglez 
l'opacité à 50%. 


Afin d'intensifier les contrastes, dupliquez le calque (au-dessus de l'original donc) et passez la 
copie en mode Incrustation à 100%: 
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Pour ajouter encore un peu de couleur à l'Univers, effectuez une copie supplémentaire des 
nuages rouges, appliquez-lui une rotation de 90° (menu Edition/Transformation) et passez 
le calque en mode Superposition à 50%. Enfin, recoure à Teinte/Saturation afin de changer 
le rouge en bleu. 


Adobe Photoshop 513/571 


Vincent ISOZ Sciences.ch 


Exercice 121. 


Un petit exercice facile pour la route afin de commencer en beauté des cas plus professionnels 
(mais simples quand même). 


Soit les photos: 
oi 


VisageTatoo.jpg MasqueTatoo.jpg 


BoucleTatoo.jpg Plume1Tatoo.jpg Plume2Tatoo.jpg 
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Dans un premier temps, à l'aide de l'outil de détourage puis de l'outil de transformation 
obtenir l'objet suivant (une des plumes s'y répète quatre fois): 


Ensuite par un copier coller (pour les plumes) et un découpage + changement de couleur + 
masque de fusion avec dégradé circulaire et quelque petites retouches on obtient: 
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Exercice 122. 


Ouvrez la photo ci-dessous: 


ImmeubleFeu.jpg 


qui constituera le fond du montage et enregistrez le fichier sous un nouveau nom. Ouvrez 
ensuite la photo ci-dessous et faites glisser le calque sur la fenêtre du nouveau fichier en 
maintenant la touche "majuscule" enfoncée (afin de centrer le calque): 


SorcierWodoo.jpg 


Les deux images étant de la même taille, le calque se positionne d'emblée où il faut. Le mur 
rouge cache désormais l'immeuble en flamme, nus allons donc l'efface (le mur) avec le filtre 
Extraire. Le calque du personnage étant sélectionné, allez dans Filtre/Extraire (qui n'est 
plus disponible dans le CS4 sauf manip spéciale... Sélectionnez l'Outil Sélecteur de contrôle 
et dessinez autour de la forme avec cet outil: 
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Attention cet outil ne fonctionne plus très bien entre la version CS et CS3 pour des raisons qui 
me sont inconnues. Dès lors il faut diminuer l'épaisseur Outil Sélecteur de Contour à une 
valeur très faible et se mettre en mode Sélection optimisée. 

Ensuite sélectionnez l'outil Remplissage a et remplissez de bleu l'intérieur de personnage 


Validez ensuite par OK. Sélectionnez l'outil de forme historiquel #] 


Dans l'historique cliquez à côté de Dupliquer le calque afin de récupérer l'ancien calque que 
l'on va maintenant réutiliser. 


Historique Scripts 
El bé Déplacement 
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Agrandissez votre zoom pour être plus précis. Vous pouvez dès maintenant peindre autours de 
la du bonhomme pour récupérer les éventuelles parties manquants du dessin ou supprimer 
celles en trop à l'aide de l'outil Gomme. Pour réaliser ce travail plus rapidement utilisez si 
vous avez la possibilité une palette graphique. L'avantage de cette technique de détourage par 
le filtre extraire est que vous définissez votre sélection en temps réel. Ce qui est très pratique 
pour la correction éventuelle d'erreur. 


Patience et minutie sont indispensables mais la qualité de l'intégration (donc de l'image finale) 
est à ce prix. 


Pour une meilleure intégration du personnage, nous procéderons à une correction chromatique 
afin d'accentuer la tonalité chaude. Créez un nouveau claque de réglage de type Balance des 
couleurs et surtout n'oubliez pas de l'associer au calque avec le sorcier, faute de quoi toute 
l'image se verrait affectée (pour associer deux calque, vous pouvez faire "Alt+clic" sur la 
ligne les séparant). Entrez les valeurs de balance qui accentue la température de la couleur de 
peau du personnage (un peu vers le rouge à cause des flammes dans le fond...). 


Typiquement: 30, -20, -25 pour les tons moyens et 10, O0 et —5 pour les tons claires (si l'écran 
est bien calibré). 


Les calques de réglage ont un avantage majeur sur les réglages disponibles dans le menu 
Image: ils ne modifient pas l'image d'origine, vous avec donc toujours l'opportunité de revenir 
en arrière. De plus, en jouant sur leur opacité, vous avez le moyen de gérer l'effet de manière 
encore plus subtile. Dans notre exemple, réglez l'opacité à 80% (vous pouvez ensuite 
fusionner le calque de réglage avec le calque inférieur si vous désirez perdre l'historique). 


Afin que le personnage devienne une créature de la nuit encore plus convaincante, un peu de 
chirurgie esthétique s'impose. Sélectionnez la zone de la canine et faites un copier/coller afin 
de travailler sur un nouveau calque. A l'aide du menu Edition/Transformation et des 
différents filtres de déformation ("cisaillement s'avère très utiles pour courber un élément), 
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vous pouvez en modifier la forme et les proportions. Expérimentez jusqu'à l'obtention d'une 
dent de vampire crédible. Au cas où des problèmes de transition subsistent, placez un nouveau 
calque entre le personnage et la dent et utilisez le Tampon en prenant de la matière dans les 
zones avoisinantes afin de recréer une transition réaliste. Vous pouvez aussi utiliser l'outil 
Pinceau pour apposer les ombres et les lumières. La retouche numérique, c'est souvent un peu 
de dessin aussi. 


Le cigare était éteint au moment de la prise de vue. C'est le moment de l'allumer ! Créez un 
nouveau claque et dessinez à l'Aérographe quelques taches rouges au-dessus de la cendre, 
puis passez-le en mode Incrustation. Répétez l'opération su plusieurs calques différentes 
avec de l'orange et du jaune et superposez-les en variant les transparences et les modes de 
fusion: vous devriez parvenir à une braise tout à fait réaliste. Les modes Densité de couleur 
moins, Inscrustation et Lumière cru donnent les meilleurs résultats. Une fois l'effet souhaité 
obtenu, sélectionnez le calque du personnage, liez-le à tous ceux qui se trouvent au-dessus et 
fusionnez les calquez liés. 


Ouvrez maintenant la photo ci-dessous: 


Flammes.jpg 


et faites la glisser dans le nouveau fichier, sous le calque du personnage. Cela permettra 
d'introduire plusieurs plans dans l'image et de lui donner ainsi plus de profondeur. Une partie 
noire cache maintenant le fond de la photo. Plutôt que de détourer les flammes, ce qui se 
montrerait très délicat..., passez le calque en mode "Superposition". Celui-ci ne laisse 
apparaître que les pixels plus claires que ceux de l'image sous-jacente: le fond noir disparaît 
comme par enchantement et l'on distingue l'immeuble à travers les flammes, qui deviennent 
transparentes comme dans la réalité. 


Ouvrez maintenant la photo ci-dessous: 
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Cigarette.jpg 


et effacez la cigarette en la peignant en noir à l'aérographe. Placez le calque dans le nouveau 
fichier au-dessus des autres, mettez-le en mode "Superposition", et positionnez-le 
correctement par rapport au cigare. Comparée au reste de l'image, la fumée reste cependant 
trop blanche et trahit le montage, 1l convient donc d'y ajoute rune teinte orangée. Plusieurs 
méthodes existent mais celle-ci présente l'avantage de la teinter uniformément sans en 
modifier les contrastes. Créez un nouveau calque et remplissez-le d'orange pâle (des valeurs 
RVB de 255,179,101 conviennent bien). 


Mettez-le en mode produit et associez-le au calque fumée, qui prend ainsi une teinte beaucoup 
plus chaude. Rendez-vous dans le menu "Calque" et fusionnez avec le calque inférieur. Tous 
les éléments sont maintenant assemblés et s'intègrent harmonieusement, il ne vous reste plus 
qu'à aplatir l'image. 
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Exercice 123. 


Ouvrez la photo ci-dessous: 


Danseuse.jpg 


Le personnage a déjà été détouré ce qui vous évitera un travail considérable. Il suffit de 
sélectionner la zone blanche et de la supprimer. Aïnsi, vous devez avoir votre personnage 
avec un fond transparent. 


Pour vérifier la qualité du détourage, vous pouvez toujours mettre un fond noir au personnage 
à l'aide d'un nouveau calque et corriger les zones non satisfaisantes (petites zones blanches). 
Une technique de détourage peut consister à dilater la sélection et à effacer cette dernière et 
ensuite d'étendre la sélection pour quelle déborde un peu sur le personnage et d'ajouter un 
Flou Gaussien de 1pixel. Une fois cela fait, vous pouvez jeter le calque noir. 


Ouvrez la photo ci-dessous: 


SourceThermique.jpg 
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Faites-y glisser le calque du personnage en appuyant sur la touche "Maj" pour le centrer. 
Utilisez Edition/Transformation Manuelle pour le centrer pour le positionner et le 
redimensionner correctement. Il s'agit maintenant de soigner l'intégration. Créez un masque 
de fusion sur le calque et effacez à l'aérographe le partie inférieur du pied, comme celui-ci 
était caché en par le rocher en premier plan. Le résultat n'en sera que plus réaliste et cela évite 
d'avoir à dessiner une ombre. 


Vous noterez cependant que le personnage est plus net que le fond sur lequel il se trouve. 
Pour remédier à cela, appliquez un Flou Gaussien de 0.5 pixel sur le personnage. 


L'intégration s'améliore mais les couleurs du modèle sont beaucoup trop vives par rapport au 
fond et trahissent le montage. Créez un nouveau calque de réglage Teïinte/Saturation et 
associez-le au calque précédent pour éviter que le fond ne soit lui-aussi modifié. Entrez des 
valeurs de —35 pour la saturation et +25 pour la luminosité. Pour le coup, le personnage 
manque de contraste: afin d'atténuer l'effet, réglez l'opacité du calque de réglage à 70%. 


L'intégration reste perfectible: dans la réalité, 11 y aurait de la fumée devant le personnage, il 
faut donc la recréer. Créez un nouveau calque et à l'aide de la pipette, sélectionnez un gris très 
clair dans la fumée de l'image de fond, à côté du pied. Choisissez l'Aérographe avec une 
taille d'outil de 300 et une pression de 25% (flux). Peignez en approchant l'outil du 
personnage, par touches successives sur les pieds et le genou, jusqu'à l'obtention d'un effet 
satisfaisant. 


Nous allons enfin créer un reflet pour ajouter une touche de réalisme. Dupliquez le calque du 
personnage, faites-lui subir une symétrie verticale dans Edition/Transformation et 
positionnez-le correctement. Pour simuler la déformation due à la surface de l'eau, appliquez 
un filtre Déformation/Onde. Choisissez une sinusoïde et essayez différentes réglages. Vous 
constaterez que ce filtre est assez complexe. Essayez les paramètres suivantes: 5, 10, 120, 5, 
25, 100% et 100%. Une fois l'effet désiré obtenu, réglez l'opacité du claque sur 20% et 
utilisez un masque de fusion sur claque avec dégradé pour effacer la partie supérieur du reflet. 


Un détail peut encore être amélioré: vous constaterez peut-être que l'image de fond présent un 
grain plus prononcé que le personnage. Nous allons donc rajouter du bruit sur celui-ci. Créez 
un nouveau claque que vous remplissez de gris 50 % (menu Edition/Remplir). Mettez-le en 
mode Incrustation: le gris disparaît. Associez-le au calque du personnage et appliquez un 
Filtre/Bruit/A jout de Bruit. Choisissez une valeur de 30, une répartition uniforme et cochez 
Monochromatique. Le grain produit est de la bonne taille mais s'avère trop net: appliquez au 
calque un Flou Gaussien de 0.5 pixel. Il est aussi possible d'estomper le bruit en changeant 
l'Opacité du calque, c'est l'avantage de cette méthode. 
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Exercice 124. 


Le but de cet exercice va être de découper le "layout" ou "workflow" d'un site web pour 
pouvoir réutiliser plus tard ses éléments dans la construction professionnelle d'une page web 
(sans utiliser l'outil d'exportation automatique d'Adobe Photoshop). 


Ouvrez d'abord le petit élément de layout suivant (ce n'est pas un layout mais pas mal de sites 
webdesigner utilisent des composants graphiques sur leurs sites pour mettre en évidence 
certaines informations): 


Cartouche News.png 


Bien sûr, il en existe des plus simples pour commencer mais le temps à disposition pour la 
formation ne nous permet pas pour l'instant de commencer vraiment à la base. 


Dans Adobe Photoshop, désactivez le magnétisme, activez l'affichage des règles, et placez des 
guides comme indiqué ci-dessous (votre formateur vous en expliquera les raisons): 
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Ensuite, activez le magnétisme (quasi obligatoire dans ce contexte) et l'Outil Tranche (il se 
trouve juste en base de la baguette magique de sélection dans la version 6.0 de Adobe 
Photoshop) et créez les cadres comme ci-dessous (pour les mêmes raisons que votre formateur 
vous l'a déjà expliqué): 
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Évidemment cela fait plus peur qu'autre chose pour l'instant mais ne vous en faites pas, nous 
allons tenter d'y faire de l'ordre. N'oubliez cependant pas que vous pouvez toujours supprimer 
ou repositionner une tranche en sélectionnant dans l'outil tranche le Sélecteur de tranches. 


S 


Ceci dit, activez... l'Outil Sélecteur de tranche et observez à chaque fois que vous 
sélectionnez une tranche (de préférence en faisant dans l'ordre de numérotation ou dans l'ordre 
d'un logique solide et réfléchie qui vous est propre, la barre d'état supérieur d'Adobe 
Photoshop): 


ILE == 


Vous remarquerez que certaines tranches ont des numéros bleus et d'autres gris. Cela est 
simple à comprendre: 


Convertir en tranche utilisateur Gptions de tranche. 


Les tranches ayant les numéros bleus sont celles que vous avec explicitement définies alors 
que les autres sont celles dont Adobe Photoshop aura besoin pour permettre à l'utilisateur 
d'emboîter tous les éléments dans une table HTML. 


Comme vous pouvez le voir, les tranches grises (secondaires) ne peuvent être 
redimensionnées (puisque elles sont liées aux tranches principales — bleues). Si vous souhaitez 
cependant, modifier les tranches secondaires de façon directe, vous pouvez cliquer sur 
Convertir en tranche utilisateur. 
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Une fois que vous avez vu comment cela fonction, il vous FAUT ensuite systématique cliquer 
sur chaque tranche et définir ses propriétés en cliquant sur le bouton Option de tranche. 


Apparaît alors une fenêtre, qui ressemble à la chose suivante: 


x 
— Type de tranche : | Image -| (| = = 
Nom : [lavout {5)_01 Rétablir | 


URL : 


Cible : 


Message : 


Il 


Instruction Alt : 


— Dimensions 


Certaines options telle que Type de tranche, URL, Cible, Message ou Alt seront vues en 
détail lors du cours Webdesigner (vous verrez elles ne sont pas difficiles à comprendre). Ce 
qui est important à cette étape de votre travail, si de bien nommer chaque tranche ! 


Ceci fait, allez dans Fichier/Enregistrer pour le web et allez directement en mode 4 
vignettes sans aucunement hésiter à zoomer sur les différentes éléments de votre mini-layout 
pour voir les différentes modes. 
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Maintenant, un très grosse partie du travail du bon webdesigner consister à l'aide du sélecteur 
de tranche qui se trouve également en haut à gauche de cette fenêtre, de sélectionner chaque 
tranche pour obtenir le plus petit rapport: 


qualité d'affichage/taille mémoire 


Effectivement, une fois que vous avez sélectionné une tranche, vous pouvez dans la partie 
droite la fenêtre courante sélectionne le mode d'image qui vous satisfait le mieux: 


— Paramètres [air 128 Mon tra. | 


GIF 128 Mon tramé 
GiF 128 Tramé 
QiF 32 Mon trarné 


Le formateur vous expliquera ce que veulent dire la plupart des termes proposé dans cette 
palette. 
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Cependant, il est assez dure de savoir quelle est la meilleure combinaison et il faut donc un 
peu faire des tentatives (qui de toute façon sont rapides) pour savoir quel est le meilleur choix. 


Par contre, ce qui est très intéressant dans cette fenêtre, c'est la possibilité de pouvoir simuler 
un système de couleurs sur Macintosh: 


Navigateur Dither 


Couleur non-compensée 
Couleur Windows standard 
Couleur Macintosh standard 
Utilisation du profil de couleur du document 


Taux de téléchargement à 9,6 Kops 
Taux de téléchargement à 14,4 Kops 
v Taux de téléchargement à 28,8 Kops 
Taux de téléchargement à 56,6 Kops 
Taux de téléchargement à 128,0 Kops 
Taux de téléchargement à 256,0 Kops 


Couleurs Taille de l'image @) 


Les différences sont parfois non négligeables au niveau du contraste et de la luminosité et 
doivent ainsi être prises en compte avec le plus grand sérieux. 


Une fois que vous avez terminé d'optimiser toutes les tranches, vous pouvez cliquer sur le 
bouton Paramètre de sortie. Vient alors une fenêtre avec une très grande quantité d'options 
supplémentaires: 


Paramètres de sorte 
Paramètres : [Paramètres par défaut >| 
CIHTML + ] ännuler | 
— Formatage = 
Casse des balises : [BODY + Casse des attributs : [ROWSPAN x 
Retrait: fTabultions x Fins de ligne : [win __ suivant | 
F Toujours mettre les attributs entre guillemets Charger. | 
— Codage - 
Enregistrer … | 
FN Commentaires inclus 2NEs 
Sortie de la tranche 
© Générer la CSS Référence [Far ID >| 
Générer la table Cellules vides : (Gr. L&H IMG >| 
L&H des données de table : [Auto >] Cellules d'espaceur : [Auto a 


Ce qui est important à cette étape du travail ce n'est pas de choisir l'option HTML et de sortir 
l'ensemble des tranches sur une page web dont le code est peu professionnel et de toute façon 
difficilement retouchable (quoique c'est déjà fantastique de pouvoir faire cela quand on se 
rappelle des moyens que nous avions au milieu des années 90). 
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Remarque: faites-le quand même une fois pour voire avec votre formateur à quoi ressemblera 
le résultat. 


Pour faire correctement le boulot, il faut au fait choisir l'option Enregistrement de fichiers 
et ensuite choisir une stratégie de nommage adéquate à votre environnement et méthode de 
travail (comme vous pouvez le voir, ces stratégies sont en grand nombre étant donné qu'il y 8 
possibilités sans inclure l'extension des images). 


Paramètres de sortie 


Paramètres : [Personnalisés >| OK | 
r fEnregistrement des fichiers >| ännuler | 


— Dénomination de fichier 


Précédent | 
from de la tranche ]+ [sans >]+ [sans ]+ 
[sans >] + [sans bé ] + [sans ns ] + Suivant 
[sans >] + [sans + LA Charger. | 


Exemple : MaTranche.gif Enregistrer | 


— Compatibilité des noms de fichier 
MMindoyys FV MacOS F UNIX 


Fichiers optimisés 
F Copier l'image de fond à l'enregistrement 


W Dossier de destination : [images 


W Inclure le copyright 


S1 l'utilisateur le souhait, il peut enregistrer sa configuration d'exporte en cliquant sur le 
bouton Enregistrer afin de pouvoir la Charger. plus tard. 


Cliquez maintenant sur OK et encore une fois sur OK et choisissez d'exporter les images 
seulement !! 


| = 
N Enregistrer une copie optimisée sous 2x 
Enregistrer dans: [C2 weblayout “l-eOciEr- 


| Nom du fichier : Îlayout{5) ai 


: Iype: [ Images (* gif] + ] Annuler | 


Paramètres de sortie. | 
[ Toutes les tranches ” ] 
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Vous avez maintenant un dossier, avec toutes les images coupées, nommées, rangées, 
optimisées que vous pourrez utiliser de façon professionnelle dans Macromedia 
Dreamweaver, Microsoft FrontPage ou Adobe GoLive ou encore le Bloc-notes. 


Et si vous aviez crée une page web, voilà à quoi ressemblerait le code: 
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<HTML> 

<HEAD> 

<TITLE> layout (5)</TITLE> 

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8850-1"> 
</HEAD> 

<BODY BGCOLOR=#FFFFFE> 

<TABLE WIDTH=156 BORDER=0 CELLPADDING=0 CELLSPACING=0> 


<TR> 
<TD> 
<IMG SRC="images/espaceur. gif" WIDTH=13 HEIGHT=1></TD> 
<TD> 
<IMG SRC="images/espaceur. gif" WIDTH=4 HEIGHT=1></TD> 
<TD> 
<IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=1> </TD> 
<TD> 
<IMG SRC="images/espaceur.gif" WIDTH=107 HEIGHT=1></TD> 
<TD> 
<IMG SRC="images/espaceur.gif" WIDTH=9 HEIGHT=1> </TD> 
<TD> 
<IMG SRC="images/espaceur.gif" WIDTH=19 HEIGHT=1> </TD> 
<TD></TD> 
</TR> 
<TR> 
<TD COLSPAN=6> 
<A HREF=" 
ONMOUSEOVER="window.status="Toto', return true;" 
ONMOUSEOUT="window.status="; return true;"> 
<IMG SRC="images/test.gif" WIDTH=156 HEIGHT=10 BORDER=0 ALT="Tata"> </A> </TD> 
<TD> 
<IMG SRC="images/espaceur. gif" WIDTH=1 HEIGHT=10></TD> 
</TR> 
<TR> 
<TD ROWSPAN=8> 
<IMG SRC="images/layout-(5)_02.gif" WIDTH=13 HEIGHT=220> </TD> 
<TD COLSPAN=2> 
<IMG SRC="images/layout-(5)_03.gif" WIDTH=8 HEIGHT=6> </TD> 
<TD COLSPAN=3 ROWSPAN=2> 
<IMG SRC="images/layout-(5)_04.gif" WIDTH=135 HEIGHT=18> </TD> 
<TD> 
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=6> </TD> 
</TR> 
<TR> 
<TD COLSPAN=2 ROWSPAN=3> 
<IMG SRC="images/layout-(5)_05.gif" WIDTH=8 HEIGHT=32> </TD> 
<TD> 
<IMG SRC="images/espaceur. gif" WIDTH=1 HEIGHT=12></TD> 
</TR> 
<TR> 
<TD> 
<IMG SRC="images/layout-(5)_06.gif" WIDTH=107 HEIGHT=12> </TD> 
<TD COLSPAN=2 ROWSPAN=2> 
<IMG SRC="images/layout-(5)_07.gif" WIDTH=28 HEIGHT=20> </TD> 
<TD> 
<IMG SRC="images/espaceur. gif" WIDTH=1 HEIGHT=12></TD> 
</TR> 
<TR> 
<TD> 
<IMG SRC="images/layout-(5)_08.gif" WIDTH=107 HEIGHT=8> </TD> 
<TD> 
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=8> </TD> 
</TR> 
<TR> 
<TD ROWSPAN=4> 
<IMG SRC="images/layout-(5)_09.gif" WIDTH=4 HEIGHT=182></TD> 
<TD COLSPAN=3> 
<IMG SRC="images/layout-(5)_10.gif" WIDTH=120 HEIGHT=153></TD> 
<TD ROWSPAN=4> 
<IMG SRC="images/layout-(5)_11.gif" WIDTH=19 HEIGHT=182> </TD> 
<TD> 
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=153></TD> 
</TR> 
<TR> 
<TD COLSPAN=3> 
<IMG SRC="images/layout-(5)_12.gif" WIDTH=120 HEIGHT=10> </TD> 
<TD> 
<IMG SRC="images/espaceur. gif" WIDTH=1 HEIGHT=10></TD> 
</TR> 
<TR> 
<TD COLSPAN=2 ROWSPAN=2> 
<IMG SRC="images/layout-(5)_13.gif" WIDTH=111 HEIGHT=19> </TD> 
<TD> 
<IMG SRC="images/layout-(5)_14.gif" WIDTH=9 HEIGHT=5> </TD> 
<TD> 
<IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=5> </TD> 
</TR> 
<TR> 
<TD> 
<IMG SRC="images/layout-(5)_15.gif" WIDTH=9 HEIGHT=14> </TD> 
<TD> 
<IMG SRC="images/espaceur. gif" WIDTH=1 HEIGHT=14> </TD> 
</TR> 
</TABLE> 
<!-- End ImageReady Slices --> 
</BODY> 
</HTML> 
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Le code n'est pas fondamentalement mal structuré (au contraire, la règle des tabulations y est 
bien respectée) mais le problème est que les images ne sont pas en fond de cellule et que c'est 
l'image qui définit la taille de la cellule et non pas la cellule qui définit la taille visuelle de 
l'image (ce qui est un danger absolu !!!). 
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Exercice 125. 


Ouvrez le fichier Layer Comp.psd: 


fe 
72% Layer Comp Tutorial.psd @ 100% (Home Content, RVB/8) | ©.) 


| 
| RE » 
| À le HOME MENU ABOUT CONTACT 
|{mhalet 
ons 


la Fondue DINE IN AN ALPINE RESTAURANT 


Ë =] 
Transfert + Opacité : | 100% |» 
Verrou: L] ÿ + @ 100% 
D (9 Home Content Alt 
ATMOSPHERE CUISINE 
a amet, conssctatuer séipiacirg of. Aonen lcbertis pede Lorem Ipaum dcier sh amet, consectttuer sdplsciag oi b (Home Pic alt 2 
mp EN ne or rstaoftern ele yéh-ont-nngugs D (a Home Pic 
rt Su ga vitpurte fguéa. Nam es ragre Morts ques volt Cas enrré Sed fringita votoutane lgate. Men es mage D (n Header Alti 


[leborts oncus, dliicses send, fringilhe à, pose In baculls Uistique vire LR ruine bborts rhoscus, Wiécies sed finie à, ipaase in bacudis 
mets voi rai tress vel ral Header 
{ Footer 


Bass ali 


> 
b 
Le 
LA 


La 8G 


Il s'agit du layout de site Internet dont le graphiste a créé quelques variations à présenter au 
client. 


ES 


Plutôt que de perdre de précieuses minutes à activer/désactiver les nombreux groupe des 
calques pour en faire un PDF à chaque fois pour envoi au client, nous allons voir que Adobe à 
prévu tout ce qu'il faut comme outils pour accéler la manipulation des combinaisons. 


Nous souhaiterions par exemple commencer par enregistrer la combinaison initiale suivante: 
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Transfert v Opacité : | 100% [m] 


verrou: [] Z + @ Fond : | 10036 |» 
D {n Home Content Alt 


‘: @n Home Content 


D [eu Home Pic alt 2 
B- (= Home Pic 


B- Ca Header Alti 


> En Header 


Be C3 Footer 
b mes ali 


> Mmes 


Pour ce faire, dans la partie supérieure droite de l'écran: 


Cliquez sur la palette Composition de calques (une "layer comp" comme disent les 
graphistes) et ensuite sur le bouton äl. Apparaît alors: 


Su 
COMOOSITIC 


Nom : ChaletFondue1_2009-10-12| 


Appliquer aux calques : [visibilité 


(V] Position 


(Wl Aspect (style de calque) 


Commentaire : 


où nous avons pris soin de tout cocher pour être sûr que le fichier PSD se rappelle des 
positionss et aspects aussi au cas où cela changerait plus tard. Dès lors, dans la palette des 
compositions de calques, vous aurez: 
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Dernier état du document 


ALPINE RESTAURANT 


HOME MENU ABOUT CONTACT 


Calques 
Transfert v Opacité : | 100% |» 


Verrou: L] ÿ + @ 1003 |> 
| [ai || Em Home Content Alt 


@n Home Content 
ATMOSPHERE CUISINE 
| [ (a) Home Pic Alt 2 
Lorwm ipaum éniex st net, cosactatonr Sgen re at Aerman lotxris pede Love igmam dcécr sé anal consectéthuer #fpecreg ef Area ki) 
[ren era Vivarnus ut pede eu quass autos mégissirg lréngee uma In hat noce love Vivarrus 14 pode eu quan aucter afipacrg Inbager us FX Ca Home Pic 
habtasse phrsa terre Nuda facts tratebesan pates Scssrret Hobe bacon L 
RCE Nan où cragre Nararis quaum volt Cons envi Sd fringite vtoutute lgche Men ou mages Must qu: RSR 
leborts Morcus, Whncsés sed, frngiha à pu in cuis Wstique ire LE rénam bborte fhoscus Uincses sel lrngélhé à, eue in acute tadnque à Br Header 
[rates voi na rratué vel rés 


(mn Header Alt1 


Î [ (a Footer 
Ca 86 alt 1 


Ga ss 


Et recréez une composition de calques: 


Nouvelle composition de calque 
Nom : ChaletFondue2| 2009-10-12 


Visibilité 


W] 
W\ Position 


&ppliquer aux calques : 


äspect (style de calque) 


Commentaire : 


Validez par OK et vous aurez maintenant deux compositions: 
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Dernier état du document 


ChaletFondue1_2009-10-12 


<> © 


et ainsi de suite avec une autre composition: 


= 
7 


er LayerComp.psd @ 100% (Home Content, RVB/8) 


7 HOME MENU ABOUT coNTACT | 
jhalet 
2 | KE 


e. fondu CE DINE IN AN AIPINE RESTAURANT 


ATMOSPHERE CUISINE | 


[Low ipmsm duice st net, consectetser aéisencin Gift Aemant isésottis pacs Loren ipsum écécr s amet consecteiee mépacieg ait Aarean il 


[men ram Virarrus ut pede eu ques auctre adipésng irémger una In tnt TS l'Calques K Couches (Tracés N 


[habitesse plate Sctarret Mid face habrissse pates carnet Hoba hace 


| Normal 

Crus event Send nage vudgutete fguée Mao es magna Marié quasss vebt Cous ervrré Sd frise velsutte lguba Marn œs magea Manctis qui 

[eberts horus, Whricies sent, frngile à, ip In moules letique vire LA num bborte choteus Liincies sed frmgile à, peus in tacudis tostique u 4 + a 
| L LI ÿ 

[matos ei rad raté vel rs 


a Home Content Alt 


x VeÆ abat [is > fa Home Content 
« - # : $ ;' y 


Pa E 
| = (a Home Pic Alt 2 


Æ : C3 
D — pu bn Home Pic 


(a Header 4lt1 
En Header 

(ma Footer 

Ca EG alt 1 


(ni 8G 


pour avoir au final dans la palette des compositions au moins trois compositions: 


Compositions de calques + 


Denver état du document * 
ChaletFondue1_2009-10-12 


ChaletFonduez_2009-10-12 


Ensuite, pour passer d'un composition à une autre 1l n'est pas difficile de deviner la 
manipulation à faire (1l existe deux possibilités classiques). 
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Exercice 126. 


Ouvrez Photoshop et créez une nouvelle image RVB de 300x300 pixels avec fond transparent 
et dessinez-y un cercle plein (disque): 


& Sans titre-1 @ 100% (Forme l,GHs} -[0/x!{ 
10 150 100 EU 200 


CE:01,73 


Pixellisez le cercle et cliquez sur le bouton de la palette d'outils permettant d'aller dans 
Image Ready (voir plus loin pour la méthode avec la version de Photoshop CS6 donc sautez 
cette étape): 


CE 


Une fois que vous êtes dans ImageReady, dupliquez 8 fois le calque contenant le cercle de 
base (la méthode est la même que dans Photoshop): 
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CE] 
Caïques Historique Ÿ-Scripts SSI > 
[normal -] Opacité:[100% »| 


Verrou:T QT #7 + Ta 


- 1 copie 7 
FL] Forme 1 copie 6 
FL] Forme 1 copie S 
FL] Forrne 1 copie 4 
FL] Forme 1 copie 3 
FL] Forme 1 copie 2 
LL] Forme 1 copie 


FE [a Fe rm 
INET@TETeTE Ts 


Sélectionnez chaque calque un par un et changez y le cercle de place: 


CI 
Caïques Historique KScripts WS », 


[normal -| Opacité:[100% »] 


Verrou:[ ET 27 +7 a 


#5 Forme 1 copie 7 
el Forme 1 copie 6 
| Forme 1 copie S 
Fa: Forrne 1 copie 4 
F-] Forme 1 copie 3 
F+] Forme 1 copie 2 


F°] Forme 1 copie 
-- / -- sec à 28,8Kops -120K0o/--GF D 


Dans la palette d'animation d'ImageReady cliquez ensuite sur: 


& SansTitre-1 @ 100% (Original} 


Original VOptimisé V2 vignettes V4 vignettes K 
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Nouvelle image 
SUBRNIMENUNE Mage 
Süupprimerd'aninration 


Copier l'image 


2 1 
Gollerlimage 


Séléctionnentoutes Es Images 


Trajectoire,,, 


Inversenles images 


Optimiser l'animation. 


| -- / -- sec à 28,8Kops 120 Ko / -- GIF 


äjouter un calque aux nouvelles images 
+ Nouveaux calques visibles dans toutes les images 


Options de palette... 
Animation \ Transformation par souris N Carte-image N Tranche W 


Attention!!! ImageReady n'existant plus depuis un certain nombre d'années, dans la version 
(par exemple...) CS6 de Photoshop, il vous faudra aller dans le menu Fenêtre/Montage pour 
la faire réapparaître: 


Fichier Edition Image Calque Texte Sélection Filtre 3D Affichage Fenêtre Aide 
Réorganiser 


[ra] Taille : ! Echantillon ponctuel + Tolérance: 32 V Lisa les calques 


Espace de travail 
Sans titre-1 @ 66.7% (Calque 1 RVB/8) x L 

Extensions 

3D 


Annotations 


v Calques 
Caractère 
Compositions de calques 


. 


e À 


Li N Le) 


The be 


Bret! 


Doc : 2.14 Mo/0 octets 


Couches 

# Couleur 
Forme 
Formes prédéfinies 
Histogramme 
Historique 
Informations 
Journal des mesures 


Navigation 


Nuancier 
Outils prédéfinis 
Paragraphe 
Propriétés 

Y Réglages 
Scripts Alt+F9 
Source de duplication 
Styles 
Styles de caractères 
Styles de paragraphes 
Tracés 


Y Options 
v Outils 


# 1Sanstitre-1 


Réglages 
Ajouter un réglage 
©. wbu 


Caïques 


A Type 


et ensuite cliquer sur la flèche à côté de Créer un montage vidéo pour y sélectionner l'option 


Créer une animation d'image: 


Adobe Photoshop 


542/577 


: 100% D 


Vincent ISOZ Sciences.ch 


Montage 


Créer un montage vidéo LA 
Y : Créer un montage vidéo 
Créer une animation d'image 


Pour ensuite cliquer sur le bouton... Créer une animation d'image.…: 


e'hnee 


Ê 
4 7 


Créer une animation d'image + 


Er 


Donc pour en revenir à la procédure qui reste à ce jour la même que dans ImageReady, les 
calques sont donc alors importés dans l'animation: 


Animation Transformation par souris V Carte-image N Tranche W 


Si vous cliquez sur le bouton Play, l'animation se joue. Si vous voulez que cette dernière se 
joue qu'une ou plusieurs fois, cliquez sur: 


v Une fois 
Toujours 


äutre... 
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Pour changer le timing de l'animation, cliquez pour chaque image sur le texte O s: 


Sans délai 
0,1 seconde 
0,2 

0,5 

1.0 

2.0 


a: 5,0 
er : 


10,0 


àutre... 


v D seconde 
O 5.- 0 


Il est bien évidemment possible de mettre ce que l'on veut sur les calques initiaux. Nous 
aurions pu changer la couleur ou la géométrie des cercles, dessiner un papillon qui bat des 
ailes ou mettre des séquences d'images d'une vidéo ou d'une animation 3D. Vous pouvez 
également appliquer des filtres sur chacune des images de la séquence, etc. 


Une fois votre animation terminée, 1l faut l'exporter au format *.gif pour le web. Pour ce faire, 
allez dans Fichier/Enregistrer un copie optimisée sous. 


Remarque: il ne faut jamais se fier de la vitesse d'animation en prévisualisation autre que dans 


un navigateur Internet. Donc n'oubliez pas d'inclure le fichier *.gif résultant dans une page 
web. 
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Exercice 127. 


Nous allons voir ici comment afficher les couleurs non imprimables sur un page de couverture 
destinée à l'impression. 


Ouvrez l'image TIFF RVB suivante destinée à l'impression: 


n 


Fu Picturing Stuucture tif @ 12% (RVB78] 


icturin | STE 
< structure 


s- contemporary architectual photographs 


832 \VEST 24TH STREET, NEW YORK, NEW YORK 10011 


“ce www.valeryrichardsongallery.com sons 212.625.3487 


Impression.tiff ou Impression.psd 


et allez dans le menu Affichage/Couleurs non imprimables. Vous aurez alors les couleurs 
non imprimables qui apparaissent par défaut en gris (on peut la changer dans les préférences 
de Photoshop). 


Evidemment si l'image est convertie en CMIJN, il n'y aura plus aucune couleur non 
imprimable. 


Si vous allez dans le menu Affichage/Couleurs de l'épreuve, vous pourrez observer ce que 


donneront les couleurs d'impression en quadrichromie et fonction du profil ICC se trouvant 
dans Edition/Couleurs.… 
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Mais ce n'est pas tout, une fois l'image convertie en CMIJN (quadrichromie), il faut encore 
régler le problème de la surimpression (recouvrement des couleurs). 


Photoshop propose à ce niveau-là beaucoup moins de possibilité qu'Adobe Illustrator. Donc 
une fois l'image convertie en CMIJN, allez dans le menu Image/Recouvrement (cette option 
n'apparaît que si l'image est en CMJN): 


a 


Recouvrement 


Largeur : à pixels + 


ännuler 


Vous pouvez alors choisir un recrouvement entre 1 et 10 pixels. Ce qui est sympathique avec 
Photoshop, c'est que l'on voit immédiatement l'effet que cela a sur l'image contrairement à 
Illustrator. 
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Exercice 128. 


Lorsque vous avez des images de très grandes tailles et souhaitez montrer le résultat de votre 
travail à un client il peut être utile de le charger sur le web avec la nouvelle option Zoomify 
disponible depuis Photoshop CS3 (reste à voir jusqu'à quand elle va exister... vu son 


usage.….….). 


Considérons l'image suivante: 


Tu _ 


SORTEMRGNT architectual phoingtiphs 


Impression.tiff ou Impression.psd 


Nous voyons qu'elle est considérable car elle fait 12.5% en plein écran. 


S 


Si nous souhaitons la transmettre à un client via un serveur web allez dans le menu 
Fichier/Exportation/Zoomify et prenez typiquement les paramètres ci-dessous (veillez à 
prendre l'option avec le Navigateur dans les modèles): 
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Sciences.ch 


ES cher Edition Image came 


Sélection Fite Andyse 3D Affichage Fenêtre aide | ln) + | E 


v ï | Les indispensables + — & > 


[_ [red : 


[normal E ] Opacité : 


100% 


» | Tolérance dl 52 PF Lissage F Pixels contigus M Tous les calques | 


Impression.tif @ 12.5%0 (RYB/6) * 


PE rm SR CHRRBARNRFDE TZ 


7: 
LA 


E M» 


x 


ù Zsemify Pour obtenir plus de détails ou pour vous procurer un afficheur 
Etto:ffuvw.zoomifr.com 


Couleur 


Exportation Zoomify!" x 
Modèle : | Zoomify Viewer avec navigateur (ärrière-plan blanc) + ] RC | 


r Emplacement de sortie Annuler | 
Dossier... | C:\Documents and Settings\4dministrateur\Mes documents\ 


Nom de base : [ Impression 
r- Options de mosaïque d'image 


Quaité: [10° [mamum 2] 


fichier compact fichier volumineux 


[normal Le ] Opacité : 


verrou : [] Z + @ 


10056 |» 


Fond : 


10056 |» 


F Optimiser les tables 


r- Options du navigateur 


Largeur : [800 pixels Hauteur : Eco pixels 


F Ouvrir dans le navigateur Web 


personnalisé, visitez le site É 


832 WEST 24TH STREET, NEW YORK, NEW YORK 10011 


Doc : 43,2 Mo/48,2 Mo 


DL | 


Validez par OK et jouez avec le résultat dans le navigateur: 


RTS 2e D 2 2 SRE 


emporary architectual photog 


1 


DER 


g 


» 


Fr 


2 LION LA 


Ensuite vous pouvez aussi aller observer la structure du dossier résultant du traitement. 
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Exercice 129. 


Sciences.ch 


Créez une nouvelle image avec fond transparent de 500x500 pixels et un calque nommé 


Fond. Ensuite activez l'Outil Ellipse 2, . Prenez garde à avoir le mode Tracés F1 d'activé: 


Da CDIMMNCIO © ONCE 


IST TE" 


et après avoir dessiné l'ellipse, tournez-la afin avec l'aide de l'Outil Sélection de tracé x, 


afin qu'elle soit penchée avec un angle d'environ 30 à 40 degrés. 


Une fois cette première ellipse dessinée, faites en une deuxième en son centre mais après 


D : : Pl 
avoir pris soin d'activer le mode Soustraire de la zone de forme [sl . 


Ou DM © ONCE 
Pour obtenir finalement un unique tracé ressemblant à ceci: 


pa Sans titre-1 @ 100% (Fond, RYB/8] 1 
[0 10 20 30 


sb, 
9. O = ©. 1 3/[z 


Q O © 4x 


Mr eMail 


\ \ 
\ \ à 
À x, L: 
x, \ 
. à \ 
\ “ Lu à 
), \ | 
e \ 
x 
Y | 
X s. 
à » 
[Normal =] Opacité : [10096 [»] CS, Tracé de travail Œ 
Verrou: [J 7 + @ Fond: 


r 


ad 3]1% 


Sélectionner ensuite dans la palette Tracés le Tracé de travail et allez dans 


Calques/Nouveau calque de remplissage/Dégradé: 
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x 
Nom : [Déaradé Elipse 


F Créer un masque d'écrêtage d'après le calque précédent ännuler | 


Couleur : [ [] Sans >] 


Mode] Normal " Opacité | 100 [w 


et prenez ensuite un dégradé de votre choix: 


Fond en dégradé 4 x 


Style : [Linéaire -| ___Annuler | 


ängle : GC) [30.6 © 


Echale e 
F Inverser T° Simuler 
FN âligner sur le calque 


Vous aurez alors quelque chose du genre: 


CA Sans titre-1 @ 100% (Fond, RYB/8] 


[Normal -] Opacité : | 1009 | 
Verrou: [] y + @ Fond: 100% | 
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Remarquez alors que le tracé vient automatiquement dans le calque Fond avec le calque de 
réglage associé. 


Sélectionnez le calque Fond et puis allez dans Calque/Calque de réglage/Balance des 
couleurs: 


& 


Couleur Elipse 


F 
[D sers __ï1 
[normal xl 


en n'oubliant pas de cocher Créer un masque d'écrêtage d'après le calque précédent Jouez 
avec la balance des couleurs selon vos désirs: 


[+100 7 +100) 


Ce qui vous donnera quelque chose du genre: 
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Pa Sans titre-1 @ 100% (Couleur Ellipse, be de fusion/8] 


Fe 
[Normal | Opacité : [1006 [»] [100% [»] 
Verrou: [] + Verou: L] 74 @  Fond:[mel] 


Tracé de travail 


Enregistrez maintenant ce travail sous le nom Ellipse.psd. Ouvrez Adobe Illustrator et allez 
dans Fichier/Importer... puis choisissez le fichier précédemment créé. Lorsque vous 
zoomerez sur l'ellipse dans Adobe Illustrator vous aurez: 
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Ce qui n'est pas acceptable pour un tracé vectoriel fait dans Photoshop et importé dans Adobe 
Illustrator. Au fait l'astuce consiste alors depuis Adobe Photoshop à enregistrer au format 
PDF Photoshop: 


Ellipse. pdf | _] | 
Photoshop PDF (*PDF* PDP] | | 


L_| ms AMotatione 


micro Bone cirecte 


Lorsque vous validez par Enregistrer, dans Photoshop CS nous avons 
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1 nina 


PATÉNMELESUEITTULE SLT" 


Mmncorporendespulices 


MmEctonsetundnNtentEe 


Laissez les paramètres tels quels. 


Enfin, ensuite importez ce PDF dans Adobe Illustrator aussi via le menu Fichier/Importer. Il 
viendra d'abord la fenêtre suivant dans Illustrator CS: 


Laissez les paramètres par défaut et validez par OK. Au zoom, la qualité sera alors tout de 
suite différente... puisqu'elle sera vectorielle!: 
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Exercice 130. 


Nous allons voir ici un exemple d'automatisation dans Photoshop en utilisant les Scripts (une 
sorte de "macro" pour ceux qui connaissent). 


Le but d'un script est donc d'éviter à avoir à répéter manuellement une manipulation bien 
précise. Les exemples possibles sont tellement nombreux qu'il est impensable d'en faire une 
liste exhaustive. Voici les cas les plus fréquents d'utilisation en entreprise: 


1. Optimisation d'un image et enregistrement dans un dossier spécifique 
2. Position des repères (guides) de centrage 
3. Application d'effets particuliers sur des images ou éléments d'image 


Donc voyons un exemple d'un script qui permette de positionner automatiquement des guides 
au centre d'une image. Avant cela, il faut préparer Photoshop. 


Faites un clic droit sur un des règles: 


[80 [30 
pixels 
pouces 
cm 
Milimètres 
points 
picas 

v Æ 


J.. 
dit 


et assurez-vous qu'il soit en %. Ensuite, assurez-vous d'avoir la palette Scripts à l'écran: 


# | Ê ID 2] Scripts par défaut.atn 
I [D L_J Sciences.ch 

# | mb _1 Cadres 
AI) ]D 1 Production 


Em ® & D D dj 3/[; 


Créez toujours (afin de faciliter les manipulations qui vont suivre) un nouveau dossier de 
script en cliquant sur le bouton Commencer un nouvel ensemble =: 
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cliquez sur 


les scripts dans ce dossier, 


2 


OUT Créer 


El 


Saisissez un nom et validez par OK. Ensui 
le bouton Commencer un nouveau script 


eCTNNNAAUE 


où 
at 


20 


rl PEU 


trer toutes 


à enregis 


S 


et validez par Enregistrer. Vous verrez alors que le logiciel commence 


vos actions 


Ce] 


Ensuite, glissez avec la souris un guide horizontal à 50% et ensuite un vertical: 
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Cliquez enfin sur le bouton Arrêter l'exécution ou l'enregistrement EE. 


Sciences.ch 


Vous pouvez maintenant ouvrir n'importe quelle image et exécuter le script pour avoir des 


guides au centre!!! 


Dans la fenêtre des scripts cela donne au final: 


| Calques Ÿ Couches Ÿ Tracés Ÿ Historique \ Scripts 
MID 1 Scripts par défaut.atn 

WI [D __J Sciences.ch 

WHA|E D LI Cadres 

WI {D 2] Production 

WII Î& _) Mes scripts 


re 


«7 Créer 


Nouveau: repère 
Position: 50 3% 
Orientation: horizontal 


«7 Créer 


Nouveau: repère 
Position: S0 3% 
Orientation: vertical 


On peut parfois modifier les paramètres d'un script existant en double cliquant sur une des 
actions. Pour qu'un des paramètres enregistrés devienne "dynamique" c'est-à-dire qu'il 
redemande les paramètres à l'utilisateur, 1l suffit de cliquer sur le petit carré en face de l'action 


voulue. Par exemple: 


# E Contour progressif 


Pour exporter un script dans un fichier *.atn 1l vous faut sélectionner le dossier du script et 
ensuite aller dans le menu de la palette et choisir: 
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Ancrer au conteneur de palettes 
Mode Bouton 


m + Nettoyagelmg 

w# D Changer le mode Nouveau script... 

"a Aplatir l'image Mouvel ensemble... 

PAR Enregistrer Dupliquer 

nm Fermer Supprimer 
Exécuter 


Lancer l'enregistrement 
Réenregistrer.. 
Insérer à partir d'un menu... 


Insérer un point d'arrêt... 


= © + à 4 ?| 


Insérer le tracé 


Options d'ensemble... 


Options d'exécution... 


Effacer tous les scripts 
Réinitialiser les scripts 
Charger des scripts... 
Remplacer les scripts. 


Enregistrer les scripts. 


Cadres 
Commandes 
Effets de texte 
Effets d'image 
Production 


Textures 
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Exercice 131. 

L'imagerie à grande gamme dynamique (ou imagerie large-gamme) (high dynamic range 
imaging ou HDRI) regroupe un ensemble de techniques numériques permettant d'obtenir une 
grande plage dynamique dans une image. Son intérêt est de pouvoir représenter ou de 
mémoriser de nombreux niveaux d'intensité lumineuse dans une image. Cette technique 
s'effectue en permettant d'attribuer plus de valeurs à un même pixel. D'abord développée pour 
les images générées par ordinateur, la technique s'est ensuite adaptée à la photographie 
numérique. 


L'image numérique classique est codée sur 256 valeurs (entre 0 et 255) sur chaque plan rouge, 
vert et bleu, c'est-à-dire avec 24 bits par pixel (3 x 8 bits). L'écart d'intensité lumineuse entre 
le pixel le plus lumineux et le pixel le plus faible, non noir, n'est donc que de 255. Or, dans la 
réalité, il est courant que la dynamique entre les zones les plus lumineuses et les plus sombres 
d'une scène soit plus grande (de l'ordre de 1 million pour 1). Les images HDR utilisent plus de 
bits par pixel que les images classiques et permettent de stocker une dynamique largement 
supérieure. La technique la plus courante est de stocker les images avec un nombre flottant 
par couleur (96 bits par pixel) mais 1l existe aussi des images HDR avec 32 bits par pixel, 
comme le format RGBE de Radiance ou le format LogLuv de SGI. 


Une des techniques utilisée par Photoshop et que nous allons voir ci-dessous consiste à 
construire une image composée avec plusieurs photos de valeurs d'expositions différentes 


(afin de compléter/corriger les zones brûlées par le contraste élevé). 


Cette fonctionnalité existe depuis la CS2, elle est bien évidemment améliorée d'année en 
année... Nous allons faire ici un exemple avec la CSS. 


Considérons les trois photos avec différentes valeurs d'expositions: 
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© rrotorcaistic.dng © 25% (RVB/EI 


25% (9) ODx:M9Mo#9Mo 1h < 


UE © rhotoreaiistic2.dng @ 25% (RVB/8) AE 


25% _(B[ Doc: 34.9 Mo/3.9Mo 


A © Photorealistic3.dng @ 25% (RVB/8) BIS ZX ] 


Ensuite, nous allons dans le menu Fichier/Automatisation/Fusion HDR Pro: 
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NCRREEES) 


o M rGn8 Er Rec mRSEAS 


Edition Image Calque Sélection Filtre Analyse 3D Affichage Fenêtre Aide | EA Er 2% * =” 
Nouveau... Ctri+N aile d'impression | 
Ouvrir... Ctri+0 
Parcourir dans Bridge... Alt+Ctrl +0 


Parcourir dans Mini Bridge... 

Ouvrir sous... Alt+Maj +Ctrl+0 
Ouvrir en tant qu'objet dynamique... 

Ouvrir les fichiers récents L 


Partager mon écran... 
Créer une révision... 
Device Central... 


Fermer Ctri+W 
Tout fermer Alt+Ctri+W 
Fermer et passer à Bridge... Maj+Ctri+W 
Enregistrer Ctri+S 
Enregistrer sous... Maj+Ctri+S 
Archiver.. 


Enregistrer pour le Web et les périphériques... Alt+Maj+Ctri+S 
Version précédente F2 


Importer... 


Importation 
Exportation 


Traitement par lots... 
Créer un droplet.. 


Scripts 


Informations... Alt+Maj+Ctri+ Rogner et désincliner les photos 


Imprimer... Ctri+P Adapter l'image... 
Imprimer une copie Alt+Maj+Ctri+P Changement de mode conditionnel... 
Correction de | 


Quitter Ctrl+Q 


Photomerge... 


Sciences.ch 


Vient alors une boîte de dialogue qui nous demande où sont nos prises multiples au format 
CamerRaw (ici il s'agit de DNG pour Digital Negative utilisé par certaines marques 
d'appareils photos): 


le} Fusion HDR Pro 


[Fichiers source 


Choisissez deux fichiers ou plus dans un ensemble 


d'expositions pour fusionner et créer une image HDR. 


Utiliser : |Fichiers M 
Photorealistic.dng Parcourir. 
Photorealistic2.dng 
Photorealistic3.dng Supprimer 
Ajouter les fichiers ouverts 


M Tenter d'aligner automatiquement les images source 


En validant par OK, s'ouvre alors le module HDR Pro: 
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Fusion HDR Pro (100%) 


Mode: [bts w ]ladaoiaton locale * 


Laaur da contour 


Ten di 
bre “ 


CCE 


Nous allons passer les paramétrages prédéfinis en Plus saturé: 


> 
Paramètre prédéfini : Par défaut br 


| |Supprimer le Aou |Par défaut 


Mode : [16 | 


Lueur de contMonochromatique artistique | 


Rayon : Monochromatique fortement contrasté 
—à——— Monochromatique faiblement contrasté | 
Intensité : Monochromatique | 
Photoréaliste fortement contrasté | 
Ton et détail Photoréaliste Faiblernent contrasté 
Gamma : Photoréaliste 
Saturé 

…  Surréaliste fortement contrasté 
Exposition 
Surréaliste faiblement contrasté 


Surréaliste 


Détail : 
Personnalisé 
Ton foncé : u su 
à 
Ton clair : o  % 
à 


Couleur Courbe | 


Vibrance : 


Saturation : 
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Ce qui nous donne : 


Fusion HDR Pro (100% 


M © sa dre HDR pri © 3338 (RVEN GIGLE)| 


ja 
} 


san ua 
À SA 


D 


On remarque que les contrastes au premier plan sont remarquables! 


On trouve sur Wikipedia à la section HDR de magnifiques photos HDR: 
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Exercice 132. 


Dans les outils rarement utilisés de Photoshop et nouveau depuis la CS2, nous avons. l'Outil 
Comptage associé traditionnellement aux images DICOM. Ouvrez donc l'image 
CerveauDICOM.dem en passant par le traditionnel menu Fichier/Ouvrir. Vous aurez alors 
la boîte de dialogue suivante qui apparaîtra (faut pas trop me demander à quoi servent les 
différents paramètres car je ne m'y intéresse guère. j'ai juste créé cet exercice par curiosité): 


E:\brain_009.dem 


&RY © 


Options d'importation d'image : 
©) Importer les images en tant que calques 


Grille 


Rangées : Colonnes : 


Options d'ensemble de données DICOM : 


Anonymiser 


Options d'exportation : 


Préfixe : Image DICOM 


Exporter la présentation (JPEG)... | 


En-tête : 
# Dicom-Data-Set 
# Used TransferSyntax: LitieEndianExplicit 
(0008,0008) CS [ORIGINAL\PRIMARY\MPR] #2 
(0008,0016) UI =MRImageStorage # 26,15) 
(0008,0018) UI [0.0.0.0.1.8811.2.9.20010413115754.12432] # 4. 


(0008,0020) DA [20010316] # 8, 1Study|" 
(0006,0021) DA [20010316] # 8, 1 Series. 
(0006,0022) DA [20010316] # 8,1 Acqui 
(0008,0023) DA [20010323] # 8, 1 Conte 
(0008,0030) TM [143008] # 6,1 Study1 
(0008,0031) TM [143414] # 6, 1 Series 
(0008,0032) TM [143415] # 6,1 Acquis 
(0008,0033) TM [143013] # 6,1 Conter 
(0008,0050) SH (no value avaïtable) # 0,0 Acc 
(0008,0060) CS [MR] # 2,1 Modaït 
(0008,0070) LO [GE Medical Systems] # 18,1M 
(0008,0080) LO [] # 28, 1 Institution 
(0008,0050) PN [] # 4,1 Referingl 
(0008,1010) SH [MRS1] # 4,1 Station 
(0008,1030) LO [BRAIN] # 6,1 Study 
(0008,103e) LO [FSE PD AXIAL OBL] # 16,1 
(0008, 1050) PN [] #6, 1 Performin 
(0008,1070) PN [EC] # 2,1 Operatc 
(0008, 1050) LO [SIGNA] # 6, 1 Manu 
(0010,0010) PN [] # 14, 1 PatientsN 
(0010,0020) LO [123565] # 6, 1 Patient 
(0010,0030) DA (no value available) # 0,0Pat _ 
fansn nan) re TE # 2 1 Dshonke 
4 1 ù 


NN 161% [+] 


Re ms 


et cliquez sur Ouvrir: 
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TA brain_009.dcm @ 100% (D... | = | © ES) 


| Forma Sourc{ Couch Tracés] Calques x 


Normal v Opacité :| 100% |» 


« 
(LL 


Verrou : [] Z + @ Fond :| 100% |.» 


DICOM_O 


Ensuite, activez l'Outil Comptage: 


DER Jours 
SU A, °# Outil Echantillonnage de couleur 
| <$? Outil Règle 


À = 193 Outil Comptage 


COR 


et dans le menu Affichage activez la palette Journal des mesures: 


Adobe Photoshop 567/577 


Vincent ISOZ Sciences.ch 


A broin.009.dem © 100% (DICOM 0... — Lo) En) 


Animation. | Journal des mesuwes > 


Avant de passer à la suite, sachez que l'idée dans Photoshop est que cette palette est 
principalement (mais pas uniquement!) liée au nouveau menu Analyse: 


[Analyse] Affichage Fenétre Aide 


r l'échelle de mesure Æ v Par défaut 


Personnahsée... 


Sélectionner des points de données » 
Enregistrer les mesures Maÿ+ Ctrie M 


Y Outil Règle 
Outil Comptage 


Placer un marqueur d'échelle. 


Lo. - = [x 
2OSR (4 


qui a changé de place depuis la version CS6...: 
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Image Calque Texte Sélection Filtre Affichage Fenêtre äide 


Mode L 
Réglages + 
Tonalité automatique Maj+Ctri+L 
Contraste automatique Alt+Maj+Ctri+L 
Couleur automatique Maj+Ctr+B 
Taille de l'image. Alt+Ctri+1 
Taille de la zone de travail... Alt+Ctrl+C 
Rotation de l'image L 
Recadrer 

Rognage... 


Tout faire apparaitre 


Dupliquer… 
äppliquer une image. 
Opérations. 


Variables > 
äppliquer l'ensemble de données... 


Recouvrement... 


Définir l'échelle de mesure 
Sélectionner des points de données + 
Enregistrer les mesures 


Outil Règle 


Placer un marqueur d'échelle... 
Suffit de jouer avec le contenu, ce n'est pas bien compliqué. Avec l'Outil Comptage, placez 


quelques points et avec l'Outil Règle, mesurez leur distance respective et dans la palette 
Journal des mesures, cliquez sur Enregistrer les mesures. Vous aurez alors: 
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Y:152.00 |L7200 Hi18so | R Espace de trava 


— x 


[animation | Journal des mesures X L = 
ù 


Echele | uebés déchets | Factaur d'échaïe | Nombre | 
1 phcel{s) = 1.0000 pèr.…. | phcells) 1.000000 | 1 


Donc sur l'image ci-dessus, nous avons par exemple enregistré deux mesures faites à la règle, 
raison pour laquelle la colonne Source contient deux fois l'Outil Règle. Ensuite, si vous 
rajoutez un point avec l'Outil Comptage, et que vous cliquez sur Enregistrez les mesures, le 
système donnera le nombre de points au total et la date et l'heure à laquelle le point a été créé: 
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Animation | Journal des mesures x | 


RE 
Date et heure Document Source Echelle Unités d'échelle | Facteur d'échelle | Nombre | Longueur Angle 

0001 (.08.201018:22:29 |brain _O03.dem | Outil Règle 1 pixel(s) = 10000 pèx.… | pixel(s) 1.000000 1| 57.035077 | -92.009554 | + 

0002 (9.08.2010 18:22:49 | brain_009.dcm Outil Règle 1 pixel(s) = 1.0000 pix... | pixel(s) 1.000000 1] 74.338752| -14.410109 

0004 brain_009.dcm 


WE lv 


Pour supprimer un point, toujours avec l'Outil Comptage activé, il faut passer dessus avec la 
souris et appuyer sur la touche Alt du clavier jusqu'à voir un petit signe négatif à côté du 
curseur: 


Pour déplacer un point toujours avec l'Outil Comptage activé, il suffit de bien cliquer sur le 
point du numéro et le glisser avec la souris. 


Malheureusement ce qui est peu stupide à mon goût c'est qu'il n'y pas la position (x, y) des 
points dans le journal :-( 
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CameraRaw 


Bon pour clore traitons un tout petit peu de CameraRaw puisque cela devient de plus en plus 
demandé dans les formations... 


Avant tout il faut savoir que l'utilisation du RAW est en quelque sorte une “philosophie 
perfectionniste” pour ceux qui ne supportent pas l'idée que le post-traitement d'une image 
puisse être fait par un processus automatique du boîtier. 


Donc beaucoup d'appareils photos numériques proposent, en plus des fichiers jpeg, un format 
de fichier RAW. Voici un petit article pour ceux qui ne savent pas ce que c'est et pour ceux 
qui ne comprennent pas qu'on s'embête avec un format de fichier qu'on ne peut n1 lire ni faire 
tirer sur papier directement. 


Pour bien comprendre ce qu'est le RAW, il faut comprendre comment marche un appareil 
photo. Quand vous déclenchez votre appareil, le capteur reçoit la lumière à travers l'objectif et 
transforme ce qu'il reçoit en informations. Ces informations, brutes, sont transmises à un 
processeur de traitement. Ce dernier applique une série de traitements à la photo: balance des 
blancs, luminosité, contraste, saturation et élimination du bruit. Il effectue ensuite la 
compression jpeg et enregistre le résultat sur votre carte mémoire. 


Le RAW, c'est ce que produit le capteur avant le traitement. Le fichier RAW produit contient 
les informations capturées par le capteur lors de la prise de vue avant tout traitement. 


L'intérêt du format RAW est là: 1l permet de se passer du traitement embarqué dans le boîtier 
pour laisser au photographe toute la liberté du traitement avec un logiciel spécialisé, comme 
Lightroom, Aperture, Canon Digital Photo Professionnal, Capture NX, ou Bibble. 


Pour activer la prise de vue en mode RAW, je vous renvoie au manuel de votre appareil. Tous 
les appareils reflex proposent ce format. Certains compacts le proposent. 


Alors que les fichiers JPG contiennent une image compressée avec perte et quantifiée sur 8 
bits par couches RGB, le RAW contient une image quantifiée sur une plus grande profondeur 
et non compressée. Les boîtiers actuels codent l'information sur 12 ou 14 bits par couches, 
soit entre 16 et 64 fois plus d'informations qu'en JPG et par couche RGB si on ne tient pas 
compte des pertes dues à la compression. 


Avec cette précision supplémentaire, moins d'erreurs sont commises dans les calculs du post- 
traitement si on part du RAW que si on part du JPG. En image, ces écarts entre les deux 
traitements se traduit par une montée du bruit. 


Les informations sauvegardées dans le fichier RAW sont les données du capteur avant tout 
post-traitement du boîtier, et donc avant compensation de balance des blancs. Vous pouvez 
donc jouer a posteriori sur celle-ci. Alors qu'une écart de balance des blancs n'est pas facile à 
corriger en général sur un fichier JPG, le RAW permet une correction sans trop d'effort et 
sans perte de qualité d'image. La correction sur JPG ne donne pas toujours de bons résultats et 
fait toujours apparaître du bruit à cause de la faible précision du calcul. 


Avec la plage de lumières codées sur 12 ou 14 bits pour le RAW, au lieu de 8 bits pour le 
JPG, les hautes lumières sont mieux quantifiées. Les capteurs sont conçus de telle manière à 
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ce que les plus hautes valeurs sont codées avec une profondeur de bits plus élevée de façon à 
conserver au mieux les informations en hautes lumières. 


Sur les appareils reflex numériques actuels : 


e les JPG sont créés à partir des RAW. L'image RAW est temporairement stockée, puis elle 
est traitée selon les paramètres d'optimisation du boîtier et au final elle est compressée et 
enregistrée en JPG qui est un format 8 bits. Un format 8 bits signifie que chaque 
composante Rouge, Vert et Bleu peut avoir 256 valeurs, donc chaque pixel peut avoir 
environ 16 millions de nuances possibles. 


e le RAW est un format d'image désignant les données brutes du capteur, les paramètres 
d'optimisation du boîtier n'ont aucun impact, l'image est directement stockée au format 
propriétaire selon la marque (NEF pour Nikon, CR2 pour Canon, etc.) dans une définition 
de 12bits le plus souvent (mais ça peut être plus). 12 bits signifie que chaque composante 
Rouge, Vert et Bleu peut avoir 4096 valeurs, donc chaque pixel peut avoir environ 68 
milliards de nuances possibles. 


En RAW, les informations de hautes lumières sont donc mieux quantifiées. Il est donc 
possible de récupérer, en post-traitement, un peu de ces parties “cramées” lors de la prise de 
vue. 


A gauche, la photo originale, avec le ciel bien cramé. A droite, la photo avec le ciel récupéré 
en traitement RAW. En JPG, la récupération aurait été difficile et n'aurait pas donné de bons 
résultats… 


Les réductions de bruits embarqués dans les boîtiers sont performants en général, mais ils sont 
parfois poussés un peu forts et détruisent les fins détails en lissant l'image. 


Le traitement du bruit par un logiciel de traitement RAW permet un réglage plus fin de la 
réduction du bruit. 
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Voyons ça avec un exemple concret : 


Nous avons 2 photos test du même endroit avec un pied à 100 ISO, la première en JPG qualité 
max, la deuxième en RAW. La scène est volontairement sous-exposée afin d'obtenir une zone 
vraiment sombre sur le lit, cette zone encadrée en rouge sera très bien pour l'exemple. 


Étape 1 : pas vraiment de différence de qualité d'image si ce n'est que le JPG à été traité par le 
boîtier (D200) selon ses paramètres d'optimisation d'image et que le RAW a lui été exporté 
sous Photoshop par le développeur de raw (Lightroom) aves ses valeurs par défaut, on peut 
donc juste voir des différences de contraste et de saturation. 


Étape 2 : mettons que nous souhaitons déboucher la zone sombre, nous ajoutons donc un 
calque de réglage de niveaux et poussons la luminosité en modifiant les niveaux des 3 
composantes RVB. 


Étape 3 : Avons-nous besoin d'aller plus loin dans l'explication ? Bon certes la zone est très 
sous-exposée donc l'image souffre de manque de détail et le bruit apparaît, mais nous voyons 
quand même nettement la différence entre le JPG poussé et le RAW poussé. 
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Channel: | RGE ° Channel: | 2GE : 


Woutlewbefo [100 fes poutleeks [0 [100 fs 
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Résumé 


Nous voyons donc à travers la lecture de ce support qu'Adobe Photoshop est bien un logiciel 
métier (contrairement à des logiciels comme Word, Excel, Outlook, PowerPoint, Visio etc.) 
donc très complet et dont la maîtrise parfaite nécessite un investissement un temps conséquent 
pour l'apprentissage (il faut forger pour devenir forgeron!). De plus, il ne suffit pas de 
maîtriser techniquement le logiciel maïs il faut aussi un sens certain de la créativité artistique 
ce qui n'est pas forcément donné à tout le monde (même si cela s'acquière en lisant beaucoup 
de revues d'art ou en visitant de nombreux musées, etc.). 


Beaucoup d'entreprises forment certains de leurs employés 2 ou 4 jours sur le produit afin de 
freiner l'externalisation de projets graphiques mais c'est en réalité une illusion, un mirage, car 
on ne peut pas en si peu de temps de formation se substituer à des graphistes professionnels 
qui ont 3 à 5 ans de formation sur l'outil et une dextérité (vitesse d'exécution) qu'il faudra à 
une employé lambda des dizaines et dizaines d'années à acquérir (sans compter les mises à 
jour fréquentes du logiciel qui nécessitent régulièrement plusieurs jours de formation). Le 
travail de personnes non diplômées en graphisme sera souvent médiocre et cela se voyant très 
facilement sur les supports visuels, pourra alors nuire alors à l'image de l'entreprise (bon faut 
dire que souvent les responsables assument cette détérioration.…). 


Nous voyons aussi que comme tout outil lié à l'Art, il existe plusieurs manières d'obtenir un 
même résultat et qu'il n'y pas de règles générales pour arriver à un objectif précis étant donné 
que le point de départ (la ou les images de départ) est presque toujours différent. La qualité du 
résultat final est aussi très difficile à juger car l'Art est subjectif... Cela se remarque souvent 
en observant les visuels choisis par de patrons de toutes petites PME mais aussi... de 
Multinationales basées dans des pays où la mentalité des décideurs est décalée par rapport au 
goût de public cible contemporain. 


Chaîne de production 


Donnons aussi comme guide les grandes étapes de la “chaîne de production" que je 
recommande personnellement pour travailler dans les règles de l'Art avec Adobe Photoshop: 


1. Étalonner son écran (et éventuellement son imprimante si on travaille encore avec la 
papier...) et obtenir le profil ICC correspond pour l'attribuer ultérieurement à la 
composition. 


2. Obtenir des images de qualité pour la base de travail dont la résolution est d'au 
idéalement de 300 dpi (et ce évidemment tout en ayant les dimensions largeur/hauter 
qui soient plus grandes ou égales à la dimension du support de destination final). Si 
vous avez une image provenant d'un appareil photo elle sera probablement en 72 dpi, 
il vous faudra donc monter sa résolution à 300 dpi sans oublier de décocher la case 
Rééchantillonage lors de l'opération. 


3. Converser toujours les images d'origine quelque part (dans un format si possible 
universel")! Garder l'image d'origine dans un calque d'un fichier PSD Photoshop n'est 
pas forcément le meilleur choix et parfois simplement impossible pour des raisons de 
dimensions. 
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4. 


Toujours enregistrer dès le début la composition au format *.PSD (et pour les très 
grandes compositions au format *.PSD) et y associer le profil ICC d'écran ou 
d'impression (à moins que cela pose problème pour le reprographe). 


On travaillera idéalement toujours en mode RVB et on simulera la sortie avec l'option 
d'afficher Couleur d'épreuve (tout en jetant un coup d'oeil aux Couleurs non 
imprimables). Mais faire du travail de haut niveau de qualité pour une sortie papier 
(CMIN ou Pantone) est un sujet délicat qui nécessite des étalonnages et la création 
dans Photoshop de nuanciers adaptés aux tests de sortie (BAT) de votre fournisseur. 


Toujours travailler ou faire les effets/montages en optant pour les techniques non 
destructives (utiliser un maximum les calques, les calques de réglages, les masques de 
fusion, filtres dynamiques, la plume et les tracés y relatifs) et toujours nommer 
correctement les objets (calques, tracés, nuances, dégradés, motifs, couches alphas, 
masques de fusion). 


S1 cela s'avère nécessaire d'aplatir l'image pour appliquer certains filtres (effets) ou de 
pixelliser certains calques de texte, ne pas oublier de faire une copie du fichier PSD au 
préalable! 


Ne pas oublier d'associer explicitement un Copyright et les Métadonnées au fichier 
(afin d'éviter certaines ambiguïtés juridiques éventuelles). 


La sortie finale de la composition sera en *.PNG pour le web (en redescendant la 
résolution à 72 dpi tout en cochant l'option Rééchantillonage), en *.JGP pour la 
bureautique et en X-PDF ou EPS Photoshop ou TIFF pour l'impression (mais pour ce 
dernier cas 1l vaut mieux demander à l'imprimeur car cela dépend de sa machine et de 
sa méthode de travail en général). 
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